从一个聚合物组件调用另一个函数

Question

我使用Polymer，HTML和Javascript。

我想找到一种从一个聚合物组件到另一个聚合物组件调用函数的简便方法。 让我描述一下我想要实现的目标。

我有聚合物成分myComponent 。 在此组件容器中，带有名为start按钮：

<button on-click="_start" id="start">XyZ</button>

还有第二个组件（假设它是子组件，因为它在myComponent ，在<script>部分中有_addNew函数。

现在，我想通过单击具有#start id的按钮来触发_addNew函数。 我的问题是，当一个聚合物组件放置在另一个聚合物组件中时，该如何调用该函数？

我希望你能理解我。

Answer 1

如果我理解正确，那么基本上您想要做的就是从一个组件射击，然后在另一个组件中监听。

因此，您可以通过_start方法中的myComponent进行触发，例如：

this.fire('add:new');

然后针对此特定事件名称，通过添加侦听器来侦听其他组件中的add：new事件：

listeners: {
   'add:new': '_addNew'
},

如果不够明确，请阅读Polymer文档，它是一个非常不错且说明充分的文档。

希望能帮助到你。

Answer 2

就我而言，这是行不通的，因为this.fire正在“向上”运行到父组件，而不是子组件。

就我而言，这有帮助：

this.$$('component-name').function-name();