angularjs: broadcast aus der Richtlinie controller

Ich versuche eine Nachricht zu senden, die innerhalb einer Richtlinie zur übergeordneten Steuerung (ohne Erfolg)

Hier ist mein HTML

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

Hier ist der code in den controller, der Listener für das event

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

Und schließlich die Richtlinie sieht

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 }) ;
            }
        }
    }
  }) ;

Ich habe versucht, verschiedene scope-Konfiguration und $broadcast anstelle von $emittieren. Ich sehe, dass das event gefeuert wird, aber der controller nicht erhalten ein " go " - event. Irgendwelche Vorschläge ?

Haben Sie $scope.$on('go', function(){ .... }); oder ist das ein Tippfehler?
Dieser Ansatz für die Kommunikation von Ereignissen datiert ist. Siehe AngularJS Developer Guide - komponentenbasierte Anwendungsarchitektur.

InformationsquelleAutor Jeanluca Scaljeri | 2013-09-25

  1. 26

    Gibt es keine Methode on mit Umfang. In eckigen es $on

    unten sollte für Sie arbeiten 

    <!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>
    schön, thnx ( jsfiddle )
    Der schließende tag </input> ist schlechtes HTML.

    InformationsquelleAutor Ajay Beniwal

  2. 2

    Bekommen { nr: 10 } sollten Sie 2 Argumente zum Hörer: event und data:

    $scope.$on('go', function(event, data){ 
  alert(JSON.stringify(data));
});

    (halten Sie im Verstand, den wir benutzen $on und nicht on)

    Vollständiges Beispiel in plunker

    InformationsquelleAutor Maxim Shoustin

Schreibe einen Kommentar