聚合物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>