如何將函數處理程序從控制器傳遞到AngularJs中的指令隔離範圍？

Question

我在控制器的以下功能：

angular.module('app').controller('BodyController', function(){ 
    this.click = function(message){ 
     alert(message); 
    } 
    }) 

我想通過此功能分爲指令的隔離範圍與一些特定PARAMS調用它，這樣的事情：

angular.module('app').directive('custom', function(){ 
    return { 
     restrict: 'A', 
     scope: { 
     text: '@', 
     click: '&click' 
     }, 
     link: function(scope, element){ 
     //... 
     scope.click('Hello, Plunker!'); 
     //... 
     } 
    } 
    }) 

而且我通過thefunction以這種方式：

<h1 custom text="Hello Plunker!" click="ctrl.click"></h1> 

下面是一個例子：http://plnkr.co/edit/4zkxuHJIB3D339h2Oy60?p=preview

該函數未被調用。我錯過了什麼？提前

Answer 1

，你可以這樣做

解決方案

在這裏你會得到通過點擊父範圍單擊功能：「=點擊」

，並綁定該功能點擊的元素。

這裏是plnkr http://plnkr.co/edit/Ekw8I6Kg6tDOnIrnv4za?p=preview

或者你可以傳遞參數到你的指令，這樣http://plnkr.co/edit/mBbZil1jc4El2Jk79ru7?p=preview

Answer 2

通過使用click: '&click'

感謝（可簡寫爲click: '&'），你說「讓click在內部範圍，'click'屬性執行的表達」。這意味着你需要實際調用表達式中的方法，而不是指向它。

<h1 click="ctrl.click()">...</h1> 

---

如果，另一方面，你要得到外部函數的引用，然後用它玩（如參數傳遞給它），你需要把它用：

scope: { 
    click: '=' 
} 

或只使用由@邁克爾zuchetta，這是新的我:)

Answer 3

這是一個解決方案：

<h1 custom text="Hello Plunker!" click="click(message)"></h1> 

添加的消息參數，然後將其綁定：

scope.click({message: "Hello Plunker:"}); 

這是工作的例子： http://jsfiddle.net/u748hLvn/2/