ポリマー1.0ルートがレンダリングされない

Question

ポリマースターターキットを使用して作成されたプロジェクトで作業するルートを取得しようとしています。他のルートは機能しますが、実装しようとしているネストされたルートに問題があります。

私はルート/boat/addを追加して、それぞれの要素を指し示したいと思っています。私は、page.jsルータを実行しているrouting.htmlファイルに次のコードを追加しました。

page('/boat/add', function() { 
     app.route = 'boat-add'; 
     setFocus(app.route); 
    }); 

このofcourseのはWebComponentsReadyイベントリスナの内側にあります。また

次に、私はテンプレートタグ

<!-- Main Content --> 
     <div class="content"> 
      <iron-pages attr-for-selected="data-route" selected="{{route}}">     
       <section data-route="boat/add" tabindex="-1"> 
        <bw-boat-add></bw-boat-add> 
       </section>     
      </iron-pages> 
     </div> 
    </paper-scroll-header-panel> 
</paper-drawer-panel> 
</template> 

、ここで下のメインのindex.htmlファイルに要素をインポートし、実際のテンプレートファイルです

<dom-module is="bw-boat-add"> 
    <template> 
     Test 
    </template> 
    <script> 
     (function() { 
      "use strict"; 

      Polymer({ 
       is: 'bw-boat-add', 
       attached: function() { 
        console.log(1); 
       } 
      }); 

     })(); 
    </script> 
</dom-module> 

、それは価値がある場合接続されたメソッドハンドラ関数は、コンソールに1を返します。私には何か他のものがありますか？あなたのiron-pagesあなたがdata-routeへのボートを設定/代わりにボート-追加のを追加します。で

Answer 1

これを次のように変更する必要があります。

<section data-route="boat-add" tabindex="-1"> 
    <bw-boat-add></bw-boat-add> 
</section>