AngularJS - passer une fonction à une directive

Question

J'ai un exemple angularJS

<div ng-controller="testCtrl">

<test color1="color1" updateFn="updateFn()"></test>
</div>
 <script>
  angular.module('dr', [])
.controller("testCtrl", function($scope) {
    $scope.color1 = "color";
    $scope.updateFn = function() {
        alert('123');
    }
})
.directive('test', function() {
    return {
        restrict: 'E',
        scope: {color1: '=',
                updateFn: '&'},
        template: "<button ng-click='updateFn()'>Click</button>",
        replace: true,
        link: function(scope, elm, attrs) { 
        }
    }
});

</script>
</body>

</html>

Je veux que lorsque je clique sur le bouton, la boîte d'alerte apparaisse, mais rien ne s'affiche.

Quelqu'un peut-il m'aider ?

Answer 1

J'ai dû utiliser la liaison "=" au lieu de "&" car cela ne fonctionnait pas. Comportement étrange.

Answer 2

@JorgeGRC Merci pour votre réponse. Une chose cependant, la partie "peut-être" est très importante. Si vous avez un ou plusieurs paramètres, vous devez les inclure dans votre modèle et vous assurer de spécifier votre nom de domaine. locaux par exemple updateFn({msg: "Directive Args"} .