微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

PolymerDart自定义元素,具有与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}}被正确呈现,但是数据与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属性也会更新.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐