app-routeをiron-selectorとiron-pagesでバインドすることはできません

Question

私は自分のバグで動揺しています。 <app-route>は機能していますが、解読すると<iron-pages>はその子どものいずれにもclass="iron-selected"は適用できません！

index.htmlを

<app-location route="{{route}}" use-hash-as-path></app-location> 

<app-route route="{{route}}" pattern="/:page" data="{{data}}" tail="{{tail}}"></app-route> 

<iron-selector selected="[[data.page]]" attr-for-selected="name" fallback-selection="Question"> 
    <a name="Questions" href="#/Questions"> 
    <paper-button raised id="askbutton" onclick="submitquestion()">Ask</paper-button> 
    </a> 
<iron-selector> 

<iron-pages role="main" id="view-selector" selected="[[data.page]]" attr-for-selected="name"> 

    <q-card id="my-database-ref-id" route="{{route}}" name="Questions"> 

    <answer-panel name="Question" route="{{tail}}" ></answer-panel> 

</iron-pages> 

Q-card.html

<paper-card elevation=1 class="qcardclass" id="qcard"> 
    <div class="cui"> 

    </div> 
    <div class="q"> 
    <h1 id="q" class="q">{{QuestionData.qis}}<!--<Questioninshort-Data></Questioninshort-Data>--></h1> 
    </div> 

    <iron-selector selected="{{data.page}}" 
        attr-for-selected="name"> 

    <a name="Question" href="#/Question/{{QuestionData.Key}}"> 

    <paper-icon-button name="Question" icon="arrow-forward" align="right" class="aar" ></paper-icon-button> 

    </a> 

    </iron-selector> 

</paper-card> 

間違いが起こっている答え-panel.html

<!-- <app-location route="{{route}}" use-hash-as-path ></app-location> --> 

<!-- <app-route route="{{route}}" pattern="/:question_id" data="{{subrouteData}}"></app-route> --> 
     <iron-selector selected="{{data.page}}" 
        attr-for-selected="name"> --> 

    <a name="Questions" href="#/Questions"> 

    <paper-icon-button icon="clear" align="right" class="close" onclick="answerformclose()"></paper-icon-button> 

    </a> 

    </iron-selector> 

IDK、それが結合されている場合、問題またはより深刻な問題は、私を助けてください。

Answer 1

私はそれを理解しました。私はすべてのアプリケーションをindex.htmlからカスタム要素に移動しました。