javascript - 在 Angular 1.x 中调用方法/触发子组件上的操作

Question

我正在尝试利用component在 Angular 1.6 中:

• 输入的单向数据绑定(bind)(例如 < bindings 而不是 =)
• 输出事件 ( & bindings )。

从父组件调用子组件中的函数的最佳方法是什么？

在我的场景中，我的子组件将代表一个带有 showModal() 的模式对话框。功能。我想传入我想要编辑的项目的 ID(使用 < 输入绑定(bind)就足够简单)，然后调用子组件的 showModal()来自父组件(项目列表)的方法。

Answer 1

只需添加额外的绑定(bind)即可控制对话框的可见性:。

'visible': '<'

$onChanges(changes) {
  if(changes.visible && changes.visible.currentValue) {
   this.showDialog();
  }
}