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

Question

我设法使用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}}被正确呈现,但是没有发生datato 的绑定item.data,即如果item.data是55,则组件仍然呈现1. Angular也尝试创建绑定,item.data创建一个监视,但更改不会传播到PxTest.data我必须更改什么PxTest才能使绑定发生？

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

Answer 1

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

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

这样 DOM 属性也会更新。