javascript - polymer 组件间数据绑定(bind)?

标签 javascript data-binding polymer polymer-1.0 2-way-object-databinding

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

任何人都可以提供工作代码或示例吗?

我至少需要某种绑定(bind)或事件,以便当登录状态发生变化时,这些其他感兴趣的组件的 UI 可以相应地更新。

最佳答案

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

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

如果您在 Polymer 模板之外使用您的组件,请通过将它们包装在 <template is="dom-bind"> 中来使用自动绑定(bind).

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

关于javascript - polymer 组件间数据绑定(bind)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31582026/

相关文章:

wpf - 将 UserControl 的 datacontext 设置为在父 View 模型中定义的 ViewModel

routing - polymer 的<app-route>元素中的query-params

javascript - 使用 MouseEvent 更改图像时如何避免闪烁?

javascript - 如何记录来自所有使用 Backbone.Events 的对象的所有事件?

c# - XAML 数据绑定(bind)到全局变量?

c# - 使用 x :Bind 设置 GridView 项目源的 UWP 问题

javascript - 需要有关此切换的帮助,几乎没有变化

javascript - 如何将 "X-Content-Type-Options: nosniff"添加到网络服务器的所有响应 header 中

javascript - 将 jQuery 代码转换为 Polymer?

ios - 我可以在 native iOS WebView 中使用 Polymer 吗?