聚合物1.0路線不呈現

Question

我想獲得一個工作路線，使用聚合物初學者工具包創建的項目。其他路線工作，但我一直有一個嵌套的路線，我一直試圖實施的問題

我希望能夠添加路線/boat/add並將其指向它的各個元素。我開始將以下代碼添加到正在運行page.js路由器的routing.html文件中。

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

這當然是在WebComponentsReady事件監聽器中。

接下來，我已經導入元素到主index.html文件的模板標籤

<!-- 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> 

下，這裏是實際的模板文件

<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。還有什麼我失蹤了。

Answer 1

在你iron-pages設置data-route到船/加代替船加。 你可能需要此更改爲：

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