angularjs - unfocus - ng-model

¿Cómo pasar la acción ejecutable ng-click(&) en la variable a la directiva?

Question

Vista HTML con directiva:

<div click aaa="aaa()" action="action"></div>

Controlador: me gusta pasar la función bbb () en $ scope.action:

app.controller(''MainCtrl'', function($scope) {
    $scope.aaa = function () { alert(''aaa''); }
    $scope.bbb = function () { alert(''bbb''); }

    $scope.action = ''bbb()'';
});

Directiva:

app.directive(''click'', function () {
    return {
        scope: {
            aaa: ''&'',
            action: ''&''
        },
        template: 
            ''<button ng-click="aaa()">show aaa (work ok)</button>'' +
            ''<button ng-click="action">show bbb (not work)</button>'' +
            ''<br>How to pass ng-click action in variable into directive?''
    }
});

No sé cómo evaluar la action para ser reemplazado por bbb() .

aquí está plunker: http://plnkr.co/edit/d8DtsNARKPPJwk2SO2WJ

Answer 1

$scope.action necesita ser un puntero a $scope.bbb y no solo una cadena que hace referencia a él sin apretar. "bbb() en el controlador no significa nada, mientras que $scope.bbb() es lo que usted creó y necesita usar. Cuando está en HTML, $scope está implícito, por lo que puede salirse con la suya escribiendo simplemente aaa()

En su plantilla y su HTML, también debe llamar a la action , del mismo modo que llama aaa .

http://jsfiddle.net/DFcJf/

HTML

<div ng-app="app" ng-controller="MainCtrl">
    <div click aaa="aaa()" action="action()"></div>

</div>

JavaScript

var app = angular.module(''app'', []);

app.directive(''click'', function () {
    return {
        scope: {
            aaa: ''&'',
            action: ''&''
        },
        template: 
            ''<button ng-click="aaa()">show aaa (work ok)</button>'' +
            ''<button ng-click="action()">show bbb (not work)</button>'' +
            ''<br>How to pass ng-click action in variable into directive?''
    }
});
app.controller(''MainCtrl'', function($scope) {
    $scope.aaa = function () { alert(''aaa''); }
    $scope.bbb = function () { alert(''bbb''); }

    $scope.action = $scope.bbb;
});