javascript - 调用子指令方法的 Angular 指令

Question

我正在寻找有关如何在 Angular 中实现层次结构的建议，其中指令 ( <partition> ) 可以调用子指令 Controller ( <property-value> ) 上的方法。

我在这里整理了一个详细的示例:
https://jsfiddle.net/95kjjxkh/1/

如您所见，我的代码包含一个外部指令 <partition> ，显示一个或多个 <property-value>内的指令。

<property-value>指令提供了一种编辑方法，editItem() ，它允许用户更改单个条目的值。 (为了保持示例简短，我只是在此处分配一个随机数，但在我的生产应用程序中，将出现一个模式，以向用户查询新值。)

这很好用。然而，在外部指令中，<partition> ，我想添加创建新的空白 <property-value> 的功能指令，然后立即调用其编辑方法，以便用户可以输入初始值。如果没有输入初始值，新项目将被丢弃。

我见过内部指令调用封闭指令方法的示例，但没有看到相反的情况。

有办法做到这一点吗？或者，我有更好的方法来构建这种 View 吗？

Answer 1

您始终可以使用 $broadcast 进行双向对话。对于您的 parent 以及您的 child 。