angularjs – 嵌套指令之间的通信

1)共同的服务.

这对您来说不是一个好的解决方案,因为服务总是单例,并且您希望拥有多个唯一的指令.如果您在服务中维护父母和子女的字典并且管理路由调用右侧关联的父/子,您只能使用服务,这与您使用事件的问题相同.

2)事件.

如果您不能通过从右侧节点广播将事件限制到DOM /树的正确部分,则必须为事件添加唯一标识符.在这种情况下,如果您正在从根广播和/或多个孩子正在接收消息,请为每个父/子提供唯一标识符并将其添加到emit / broadcast / on.这不是一个漂亮的解决方案,但它会起作用.

3)单向绑定.

‘&’在隔离范围内绑定允许您将父函数传递给子级.然后,子进程可以在父作用域上调用这些函数,以通知父进程发生更改.这对于孩子 – 父母的沟通非常有用,但不会反过来.您可以将此解决方案与来自父级的广播事件相结合,以便与孩子进行沟通.

4)双向绑定.

有时,您可以使用隔离范围上的属性来传递信息或标志,以及父子之间.这在你的例子中不起作用,因为父母对他的孩子一无所知,因为孩子是通过翻译注射的.

5)要求父控制器.

指令可以使用require属性指定另一个指令作为父元素或同一元素存在.你不能要求兄弟指令.必需的指令必须定义控制器.然后将控制器传递给链接(或编译)功能,您可以在控制器上调用函数.这可用于允许指令之间的通信.在您的示例中,如果directive2需要directive1,您可以将addChild()等函数设置到控制器.然后,子(directive2)将自己添加到可以在调用changeName时更新/调用所有子项的父项.

myApp.directive('directive1',function(){
  return {
    // ...
    controller: function($scope) {
      $scope.children = [];
      this.addChild = function(child) {
        $scope.children.push(child);
      }
    },elem){
      scope.changeName = function() {
        _.each(scope.children,function(child) {
          child.setName('Adam West');
        };
      };
    },}
});


myApp.directive('directive2',function(){
  return {
    // ...
    require: "^directive1",// require directive1 as a parent or on same element
    link: function(scope,elem,attributes,directive1Controller){
      child = {
        setName: function(name) {
          scope.name = name;
        },};

      directive1Controller.addChild(child);
    }
  }
});