如何在聚合物启动器套件中位于顶层的属性上获取通知事件?

时间:2015-06-12 11:23:38

标签: polymer polymer-1.0

所以基本入门工具包有一个变量'route'(显示当前页面的字符串),如果它是一个组件,我只需要在JSON中添加一个notify:true属性,这是一个部分聚合物(...)的召唤。

但是这个例子没有包含Polymer(...)中的顶层,那么如何将其设置为在更改时通知?

我可以将事件监听器添加到#app罚款中,但是如果不知道它就不会发送该事件。

我想要做的就是在当前页面发生变化时获取一个事件,所以我确定我只是忽略了一些非常明显的事情。

1 个答案:

答案 0 :(得分:1)

您只需创建一个绑定到顶级属性的元素,然后触发一个事件。

所以在你的index.html中:

<body ...>
<template is="dom-bind">
    <my-route-watcher route="{{route}}">
</template>
</body>

并在你的my-route-watcher.html中:

<dom-module id="my-route-watcher">

<script>
Polymer({
   is: "my-route-watcher",

   properties: {
       route: {
           type: String,
           notify: true
       }
   }
   routeChanged: function() {
        this.fire('the-route-changed', { msg: "woohoo" });
   }
});

</script>
</dom-module>