2013-09-25 8 views
5

イム(成功せずに)その親コン​​トローラに指示内からメッセージを送信しようとangularjs:ここ

をコントローラに指令から放送私のHTML

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

はここで、コントローラ内のコードですどのイベント

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

を待機し、最後にディレクティブは

のように見えます

$ emitではなく、異なるスコープ構成と$ broadcastを試しました。私はイベントが発生するのを見るが、コントローラは 'go'イベントを受け取らない。助言がありますか ?

+1

を動作するはずの角度では、それはあなたが( '行く'、機能(){....})で$' $スコープを使用しました以下の$on

です? – kubuntu

答えて

20

範囲がonのメソッドはありません。 。 `かということがタイプミスであり、あなたのため

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

nice、thnx([jsfiddle](http://jsfiddle.net/Kvt4s/)) –

関連する問題