angularjs：從指令廣播到控制器

我試着從一個指令中發送消息到其父控制器（沒有成功）angularjs：從指令廣播到控制器

這裏是我的HTML

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

這裏是在控制器代碼該偵聽事件

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

最後的指令看起來像

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

我試過不同的範圍配置和$廣播，而不是$發射。我發現事件被解僱了，但控制器沒有收到'go'事件。有什麼建議麼？

來源

2013-09-25 Jeanluca Scaljeri

你使用工作'$範圍在$（「走」，函數（）{...}）;'或者是一個錯字？ – kubuntu

有範圍沒有方法on。在角是$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>

來源

2013-09-25 10:25:19

不錯，thnx（[jsfiddle]（http://jsfiddle.net/Kvt4s/）） –

angularjs：從指令廣播到控制器

回答

相關問題