2013-09-25 15 views
5

Im (başarı olmadan) kendi üst kontrolörüangularjs: direktifi yayın

İşte

benim HTML İşte

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

bir direktif içinden bir mesaj göndermeye çalışıyor kontrolör kontrolörü içinde kodudur için hangi olay

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

dinler Ve nihayet direktif

benziyor

Farklı kapsam yapılandırmasını ve $ emit yerine $ yayını denedim. Olayın tetiklendiğini görüyorum, ancak denetleyici bir 'go' olayı almıyor. Baska öneri ?

+1

Kullanmak mı için çalışması gerekir bulunuyor '$ kapsamı (function() {....} 'git') üzerine $;. ya' bir yazım hatası olduğunu ? – kubuntu

cevap

20

Kapsam kapsamında on yöntem yoktur. açısal olarak aşağıda

$on Eğer

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

güzel, thnx ([jsfiddle] (http://jsfiddle.net/Kvt4s/)) –