应用程序-路由器导航不工作

Question

我有一个简单的设置：

索引：

<app-router>
    <app-route path="/home" element="home-element" bindRouter></app-route>
    <app-route path="/test"  element="test-element" bindRouter></app-route>
</app-router>

测试元素：

<dom-module id="test-element">
    <template >
        <a href="#/home">Home</a>
    </template>
    <script>
        addEventListener('WebComponentsReady', function() {
            Polymer({
                is: "test-element"
            });
        });
    </script>
</dom-module>

而home-element只是说"hello world“我的问题是url被更新了，但是页面没有改变。此外，当我直接在浏览器中输入任何url时，我需要敲击两次"enter“来强制它刷新以使其正常工作。

这是一个bug吗？app-controller不适用于聚合物1.x？还是我做错了什么？

Answer 1

对于最新的聚合物版本，您可以使用dna-router。它可以与Polymer 1.x一起使用。您只能在HTML中定义状态、路由和视图。

For状态

<dna-new-state state='home' route='/home/:id'></dna-new-state>

对于视图

<dna-view
state='home'
element='home-template'></dna-view>

如需更多信息，请访问：https://github.com/Saquib764/dna-router。

享受:)