PolymerDart自定义元素,具有与Angular.dart模型的双向绑定

发布时间：2020-12-17 06:58:14 所属栏目：安全来源：网络整理

导读：我设法使用bind-语法将我的Angular.dart模型双向绑定到纸质元素： paper-input bind-value="item.name"/paper-input 现在我想创建一个可以公开属性以进行双向绑定的自定义组件： @CustomTag('px-test')class PxTest extends PolymerElement { @published var

我设法使用bind-语法将我的Angular.dart模型双向绑定到纸质元素：

<paper-input bind-value="item.name"></paper-input>

现在我想创建一个可以公开属性以进行双向绑定的自定义组件：

@CustomTag('px-test')
class PxTest extends PolymerElement {

  @published
  var data = 1;
}

用过：

<px-test bind-data="item.data"></px-test>

组件被渲染,并且组件模板中引用的数据字段{{data}}被正确呈现,但是数据与item.data的绑定没有发生,即如果item.data是55,则组件仍然呈现1. Angular还尝试创建绑定,创建了item.data上的监视,但更改不会传播到PxTest.data我必须在PxTest中更改什么才能使绑定发生？

版本：角度：1.0,聚合物：0.15.1 3

解决方法

我不知道有关Angular.dart和Polymer.dart之间的绑定如何工作的细节,但我建议你试试

//@published
@PublishedProperty(reflect: true)
var data = 1;

这样DOM属性也会更新.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!