javascript - Polymer 中的横向通信

Question

问题是:

任何两个 Polymer 元素都可能需要通信。没有假设这些元素在 DOM(或影子 DOM)中的位置，这意味着一个事件不能简单地冒泡到另一个元素。

实现此目的的旧方法是让事件冒泡到根节点，然后在根节点上触发广播事件以供其他元素收听。

然而，这种方法破坏了封装并且似乎违背了 Polymer 的整体设计。例如，AngularJS 提供了一个事件广播器，可以防止 Controller 不必要地保留对根节点的引用。

这种方法可以用 Polymer 实现吗？否则可以用不同的方法解决这个问题吗？

Answer 1

您应该能够使用 polymer-signals

http://www.polymer-project.org/articles/communication.html#using-ltpolymer-signalsgt

引用文档:

Your element fires polymer-signal and names the signal in its payload:

this.fire('polymer-signal', {name: "foo", data: "Foo!"});

This event bubbles up to document where a handler constructs and dispatches a new event, polymer-signal-foo, to all instances of . Parts of your app or other Polymer elements can declare a element to catch the named signal:

<polymer-signals on-polymer-signal-foo="{{fooSignal}}"></polymer-signals>