聚合物 1.0 路线不呈现

Question

我正在尝试找到一条路线来处理使用聚合物入门套件创建的项目。其他路线可以工作，但我一直在尝试实施嵌套路线时遇到问题

我希望能够添加路线 /boat/add 并将其指向相应的元素。我首先将以下代码添加到 routing.html 文件中，该文件是运行 page.js 路由器。

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>

此外，如果值得，附加的方法处理程序函数 returns 控制台中的 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>

聚合物 1.0 路线不呈现

polymer 1.0 route not rendering

javascript

url-routing

web-component

polymer

polymer-1.0