app-router导航无法正常工作

时间:2015-11-01 04:43:28

标签: url-routing polymer-1.0 hashchange

我有这个简单的设置:

指数:

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

家庭元素只是说“你好世界” 我的问题是网址更新但页面没有变化。此外,当我直接在浏览器中输入任何URL时,我需要点击“输入”两次以强制刷新它以使其工作。

这是一个错误吗? app-controller不使用聚合物1.x?或者我做错了什么?

1 个答案:

答案 0 :(得分:0)

对于最新的Polymer版本,您可以使用dna-router。它适用于Polymer 1.x.您只能以HTML格式定义状态,路线和视图。

状态

<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

享受:)