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

时间:2014-11-08 22:51:45

标签: dart dart-polymer angular-dart

我设法使用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}}被正确呈现,但dataitem.data的绑定没有发生,即item.data是55仍然呈现的组件1. Angular也尝试创建绑定,创建item.data上的监视,但更改不会传播到PxTest.data我需要更改什么在PxTest中发生绑定?

版本:角度:1.0,聚合物:0.15.1 + 3

1 个答案:

答案 0 :(得分:1)

我不知道Angular.dart和Polymer.dart之间如何绑定的详细信息,但我建议您尝试

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

这样DOM属性也会更新。