AngularJS: diffusion de la directive à contrôleur

Im essayant d'envoyer un message à partir d'une directive à son contrôleur mère (sans succès)AngularJS: diffusion de la directive à contrôleur

Voici mon HTML

<div ng-controller="Ctrl"> 
    <my-elem/> 
</div>

Voici le code dans le contrôleur qui écoute l'événement

$scope.on('go', function(){ .... }) ;

Et enfin, la directive ressemble

angular.module('App').directive('myElem', 
    function() { 
    return { 
     restrict: 'E', 
     templateUrl: '/views/my-elem.html', 
     link: function ($scope, $element, $attrs) { 
      $element.on('click', function() { 
        console.log("We're in") ; 
        $scope.$emit('go', { nr: 10 }) ; 
      } 
     } 
    } 
    }) ;

J'ai essayé différentes configurations de portée et $ broadcast au lieu de $ emit. Je vois que l'événement est déclenché, mais le contrôleur ne reçoit pas d'événement 'go'. Aucune suggestion ?

Source

2013-09-25 Jeanluca Scaljeri

Avez-vous utilisé 'portée $ $ sur ('go', function() {....}).' Ou est-ce une faute de frappe ? – kubuntu

Il n'existe aucune méthode on avec la portée. Dans angulaire, il est $on

ci-dessous devrait travailler pour vous

<!doctype html> 
<html ng-app="test"> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script> 

    </head> 
<body ng-controller="test" >  
<my-elem/> 

<!-- tabs --> 


<script> 
    var app = angular.module('test', []); 
    app.controller('test', function ($scope) { 

     $scope.$on('go', function() { alert('event is clicked') }); 
    }); 
    app.directive('myElem', 
    function() { 
     return { 
      restrict: 'E', 
      replace:true, 
      template: '<div><input type="button" value=check/></input>', 
      link: function ($scope, $element, $attrs) { 
       alert("123"); 
       $element.bind('click', function() { 
        console.log("We're in"); 
        $scope.$emit('go'); 
       }); 
       } 
     } 
    }) ; 

    </script> 
</body> 


</html>

Source

2013-09-25 10:25:19

sympa, thnx ([jsfiddle] (http://jsfiddle.net/Kvt4s/)) –

AngularJS: diffusion de la directive à contrôleur

Répondre

Questions connexes