AngularJs：從另一個指令中的指令調用控制器方法

Question

我在另一個指令中有一個指令。外部指令與控制器共享其範圍，而內部指令有自己的範圍。我想將控制器的函數引用傳遞給內部指令，以便可以從那裏調用它。但我不知道如何將函數及其參數傳遞給內部指令，以便它可以正確調用控制器的函數。

這裏是planker來說明我的問題。

如果您點擊「Dir 2 Click me」，則警報顯示參數未定義。

Answer 1

您可以在外部控制器方法通過使用'='並相應地調整代碼...

angular.module('app', []) 
    .controller('ctrl', function($scope){ 
     $scope.myCtrlMethod = function(msg, b) { 
      alert(msg + ' and b='+b); 
     }; 
    }) 
    .directive('dir1', [function(){ 
     return { 
      restrict: 'E', 
      replace: true, 
      template: '<div><p ng-click="myDir1Method(\'my dir1 method\',\'b\')">Dir 1 Click me</p><dir2 my-ctrl-method="myCtrlMethod"></dir2></div>', 
      link: function(scope, elem, attrs){ 
       scope.myDir1Method = function(msg,b){ 
        scope.myCtrlMethod(msg, b); 
       }; 
      } 
     }; 
    }]) 
    .directive('dir2', [function(){ 
     return { 
      restrict: 'E', 
      scope: { 
       myCtrlMethod: '=' 
      }, 
      replace: true, 
      template: '<p ng-click="myDir2Method(\'my dir2 method\',\'b\')">Dir 2 Click me</p>', 
      link: function(scope, elem, attrs){ 
       scope.myDir2Method = function(msg,b){ 
        scope.myCtrlMethod(msg, b); 
       }; 
      } 
     }; 
    }]); 

Plunker ：http://plnkr.co/edit/xbSNXaSmzWa3G1GSH6Af?p=preview

編輯：'='評估th e表達式在父範圍的上下文中，其結果綁定到內部範圍的屬性上。在這個例子中，'myCtrlMethod'是根據父作用域評估的，它從父作用域（一個函數）返回myCtrlMethod。該函數在內部範圍上綁定到myCtrlMethod，可以用scope.myCtrlMethod(msg, b)調用。

Answer 2

只要把控制器上的範圍：$scope.$b=this;

參見：http://plnkr.co/edit/skDF8D1scFJYrTUmcXIL?p=preview

Answer 3

你可以使用控制器作爲參考，您的指令

參見：http://jsbin.com/vayij/1/edit