Polymer app-route返回空数据属性

时间:2017-06-07 16:13:41

标签: polymer-1.0 app-router

我正在学习Polymer,我遇到了app-route和app-location的一些问题。我尝试了一个这样一个简单的例子:

<dom-module id="test-component">
    <template>
        <style scoped>

        </style>
        <app-location route="{{route}}" use-hash-as-path></app-location>
        <app-route route="{{route}}" pattern="/test/:advisor_id/:user_id" 
                   data="{{data}}" tail="{{subroute}}">
        </app-route> 
        route : [[route.path]]<br>
        data.advisor_id : [[data.advisor_id]]<br>
        data.user_id : [[data.user_id]]
    </template>
    <script>
       Polymer({
            is: "test-component",
            properties: {
                route: String,
                data: Object
            },
            ready: function() {
                console.log(this.route);
            }
       });
    </script>
</dom-module>

主页面仅加载组件并在主体上包含测试组件标记 使用url localhost / test / advisor_id / 14152,我看到组件,但data.advisor_id和data.user_id为空。我测试了route.path,它也是空的。

似乎我忘记了什么,但不明白它是什么。

提前感谢您的时间

1 个答案:

答案 0 :(得分:1)

从您的应用位置移除'use-hash-as-path',因为它需要“http://..../#!/path”语法来定位