dart - PolymerDart 自定义元素与 Angular.dart 模型的双向绑定(bind)

Question

我设法使用 bind- 语法将我的 Angular.dart 模型双向绑定(bind)到纸张元素:

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

现在我想创建一个可以公开双向绑定(bind)属性的自定义组件:

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

  @published
  var data = 1;
}

用法如下:

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

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

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

Answer 1

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

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

这样 DOM 属性也会更新。