javascript - 谷歌 polymer : Listening to property changes from outside the element

Question

我目前正在使用 Google Polymer 构建控件。我想知道是否可以从元素外部监听属性更改事件。我目前的解决方法是在调用我从其他元素监听的 propertyChanged 方法时触发一个显式事件。

// Property change in child element

Polymer('some-input', {
    valueChanged: function() {
        this.fire('valueChanged', this.value)
    }
});

[...]

// Listening in the parent element
ready: function() {
    this.$.someinput.addEventListener('valueChanged', function(evt) {
        var value = evt.detail;
        [...]
    });
}

不知道能不能直接监听属性变化事件？

谢谢，佩德罗

Answer 1

如果你的父元素在 <polymer-element> 中，一种简单的“交流”方式元素之间是在其 published properties 上使用数据绑定(bind):

<parent-element value="{{val}}">
  <some-input value="{{val}}"></some-input>
</parent-element>

我们认为这是做事的“聚合”方式，因为它具有很强的声明性并且利用了数据绑定(bind)等功能。

如果父元素不在 Polymer 元素内，可以使用事件委托(delegate)就像你建议的那样。我写了一篇关于共享信息的不同方法的文章您可能会感兴趣的元素:Communication & Message Passing