javascript - Cannot bind app-route with iron-selector and iron-pages -

i freaking upset bug. <app-route> working freaking <iron-pages> cannot apply class="iron-selected" of it's child!!!

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> 

answer-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 mistake happening,if binding problem or deeper problem, please me.

ok figured out. moved whole app index.html custom element.