AngularJS: Sendung von der Richtlinie an der Steuerung

Im eine Nachricht aus einer Richtlinie zu seiner übergeordneten Steuerung zu senden versuchen (ohne Erfolg)AngularJS: Sendung von der Richtlinie an der Steuerung

Hier ist mein HTML

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

Hier ist der Code in der Steuerung das hört für die Veranstaltung

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

Und schließlich die Richtlinie sieht aus wie

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, andere Scope-Konfiguration und $ Broadcast anstelle von $ emit. Ich sehe, dass das Ereignis ausgelöst wird, aber der Controller erhält kein "Go" -Ereignis. Irgendwelche Vorschläge ?

Quelle

2013-09-25 Jeanluca Scaljeri

arbeiten $ auf ('go', function() {....});.' Oder ist das ein Tippfehler ? – kubuntu

Es gibt keine Methode on mit Bereich. In Winkel ist es $on

unten sollten Sie Sie Bereich zu verwenden `$ Hat

<!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>

Quelle

2013-09-25 10:25:19

schön, thnx ([jsfiddle] (http://jsfiddle.net/Kvt4s/)) –

AngularJS: Sendung von der Richtlinie an der Steuerung

Antwort

Verwandte Themen