angularjs - 如何在 AngularJS 中的两个指令之间共享范围？

Question

我想分享$scope在以下两个指令之间:

One23SRCApp.directive('directive1',function() {
    return {
        restrict: "A",
        scope:true,
        link: function (scope, element, attrs) {
           scope.tablename = "table";
        }
    };
});


One23SRCApp.directive('directive2',function() {
    return {
        restrict: "A",
           link: function (scope, element, attrs) {
           var tablename = scope.tablename;
        }
    };
})

在 HTML 中，我有:

<input type="text" directive2 placeholder="Search Models..."> 

<table directive1>
  <tr>
     <td>column1</td>
     <td>column1</td>
   </tr>
</table>

我创建了一个名为“directive1”的指令，它具有独立的作用域，将名称“table”分配给 scope.tablename。属性(property)。我无法在其他指令中访问此范围属性。

那么我怎样才能在另一个指令中访问一个指令的范围呢？

Answer 1

AngularJS 支持指令 Controller ，它们是在需要相同 Controller 的多个指令之间共享的 Controller 。这允许您访问和修改 tableConfig在任何需要该 Controller 的指令中，而无需声明单独的服务或事件。有关详细信息，请查看 directives documentation 中的“创建通信指令”。 .

这就是 ngModel和 ngForm工作，例如。