聚合物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設置為boat / add，而不是boat-add 。 您可能需要將其更改為：

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