聚合物.js嵌套组件中的数据绑定
Polymer.js databindings inside nested components
我有一个聚合物元素,它是我整个应用程序的父元素。它例行执行 ajax 调用,并根据 AJAX 调用设置值。
在聚合物元素中,我有一个子元素,需要动态显示这些值之一。
这是子代码:
<polymer-element name="main-status" attributes="auto">
<template>
<div id="status" flex>
<div id="info" middle>
<p>Robot is in {{ auto ? "AUTO" : "MANUAL T1" }} mode.</p>
</div>
</div>
<link rel="stylesheet" type="text/css" href="main-status.css">
</template>
<script src="main-status.js"></script>
</polymer-element>
它在父级中用于:
<main-status auto="{{statusAuto}}"></main-status>
并且{{statusAuto}}
被确认会发生变化(在真和假之间)。此更改不会反映在子元素中。我同样尝试使用聚合物网站上建议的单态模式绑定到全局变量,但我仍然没有成功。
如何实现这一点?
<main-status auto="{{statusAuto}}></main-status>
错过了结束语 - 应该是
<main-status auto="{{statusAuto}}"></main-status>
如果这只是问题而不是您的实际代码,请尝试
<main-status auto="{{statusAuto}}">{{statusAuto}}</main-status>
并验证statusAuto
是否正确更新了该值。
相关文章:
- 在VanillaJS中模拟模型双向数据绑定
- Telerik rad组合框多列数据绑定
- 数据绑定:'系统Char'不包含名为'xxxxx'
- OnsenUI AngularJS数据绑定无法正常工作
- Ionic-item在导航栏中进行双向数据绑定
- 基本D3.js:如何将具有其他属性的数据绑定到元素
- 使用自定义数据属性或将数据绑定到处理程序来处理事件
- ListView的ItemTemplate内的自定义HtmlControl的数据绑定失败
- $http中的Angular 1数据绑定承诺不起作用
- 在何处和何时添加具有数据绑定的元素
- 使用AngularJs数据绑定的三元运算符显示图像
- 为什么针对工厂的Angular数据绑定只适用于函数
- 敲除:如何使用可见数据绑定可见来隐藏段落标记
- Angular2 - 组件变量/组件类属性上的双向数据绑定
- 聚合物.js嵌套组件中的数据绑定
- 聚合物网络组件数据绑定一个js对象/数组
- 如何使嵌入视图的Ember组件中的数据绑定工作
- 数据绑定ng2组件's模板只设置OnInit
- 在 Angular2 中使用动态组件加载器的双向数据绑定
- 具有基于视图的数据绑定上下文的模块化 Web 组件