如何在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属性。我无法在其他指令中访问此作用域属性。

那么，如何访问另一个指令的作用域呢？

Answer 1

您可以$rootScope.$broadcast对需要跨指令同步的项目执行操作。

或者，您可以将对象传递给指令1隔离范围，该范围将充当通信机制。在此对象上，如果更改子属性（如tablename），则会影响父范围。

就像是

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


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

HTML变成

<table directive1 tableconfig='tableconfig'>
  <tr>
     <td>column1</td>
   <td>column1</td>
   </tr>
</table>

您的控制器应定义此对象

$scope.tableconfig={};