聚合物组分间数据绑定? [英] Polymer inter-component data binding?
问题描述
我有一个登录组件,我想让我的应用程序中的其他组件登录状态可用。
I have a login component, and I'd like to make the login status available for other components in my application.
任何人都可以提供工作代码或示例?
Can anyone provide working code or examples?
我至少需要某种绑定或事件当登录状态发生变化时,可以相应地更新这些其他感兴趣的组件的UI。
I need some sort of binding or eventing at least, so that when the login status changes, the UI of these other interested components can be updated accordingly.
推荐答案
创建一个表示登录组件中的状态,并设置 notify:true
。
在登录组件和使用该状态的任何其他组件中使用数据绑定。
Create a property that represents the status in your login component and set notify: true
.
Use data-binding in your login component and any other components that use that status.
<login-component status="{{status}}"></login-component>
<other-component login="{{status}}"></other-component>
如果您使用聚合物模板之外的组件,请使用自动绑定, code>< template is =dom-bind> 。
If you use your components outside of a Polymer template, make use of autobind by wrapping them in a <template is="dom-bind">
.
<template is="dom-bind">
<login-component status="{{status}}"></login-component>
<other-component login="{{status}}"></other-component>
</template>
这篇关于聚合物组分间数据绑定?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!