AngularJS组件之间的通信方法？

Question

我的AngularJS Web应用程序的视图包含一个网格，上面有一个用于过滤数据的工具栏。它看起来像这样：

如您所见，网格上方有一个工具栏。请注意，这两个控件都从父$ scope继承，因为它们位于同一个父控制器中。但是，这些控件中的每一个都是不同的指令（userFilterBar和userList）。

当我输入＆＃34;查找＆＃34;输入框，我想对下面网格中的记录应用过滤。我试图决定是否促进这些组件之间的通信a）仅通过共享范围或b）通过某种形式的事件聚合。

对于这种情况，是否存在典型的AngularJS方法，它看起来像什么？

Answer 1

您应该使用ngFilter。这是我在制作类似的东西时使用的。它使用ngModel进行组件之间的通信。这是一个很好的简单教程：

http://www.thinkster.io/angularjs/ET1iee6rnm/angularjs-ngfilter