聚合物组件间数据绑定？

Question

我有一个登录组件,我想让我的应用程序中的其他组件可以使用登录状态.

有人可以提供工作代码或示例吗？

我至少需要某种绑定或事件,这样当登录状态改变时,这些其他感兴趣的组件的UI可以相应地更新.

Answer 1

创建一个表示登录组件中的状态的属性并设置notify: true。在登录组件和使用该状态的任何其他组件中使用数据绑定。

<login-component status="{{status}}"></login-component>
<other-component login="{{status}}"></other-component>

如果您在 Polymer 模板之外使用组件，请通过将它们包装在<template is="dom-bind">.

<template is="dom-bind">
    <login-component status="{{status}}"></login-component>
    <other-component login="{{status}}"></other-component>
</template>