繁体   English   中英

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

[英]PolymerDart custom element with two-way binding to Angular.dart model

我设法双向,结合我Angular.dart模型使用的纸张元素bind-语法:

<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上的item.data ,但是更改没有传播到PxTest.data我必须在PxTest更改PxTest才能使绑定发生?

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

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

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

这样DOM属性也会更新。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM