angular.js - angularjs $rootScope分發的事件如何能在directive裡面回應呢？

Question

    <public-tips></public-tips>

    app.module('demoApp', []).controller('demoController', ['$rootScope', '$scope', function($rootScope, $scope) {
        $rootScope.$broadcast('to-directive', {isShow: true, content: 'hello-directive'});
    })

    app.directive('public-tips', function ($rootScope) {
        return {
            restrict: 'EA',
            template: '<p class="public-tips" ng-show="msg.isShow">{{::msg.content}}</p>',
            link: function (scope, ele, attr) {
                scope.$on('to-directive', function (event, data) {
                    scope.msg = data;
                    console.log(data);
                });
            }
        }
    });

我在$rootScope上分發的事件，但是在directive裡面卻接受不到？

Answer 1

好吧，鑑於你又改了問題，那我的答案也改一改吧。

首先，如果你期望directive是这样使用的public-tips，那在定义时，应该定义成：app.directive('publicTips'...(注意这里没了横线，而且t大寫了)

其次，廣播的時機仍早於接收的定義，所以始終收不到，可以做以下常識：

app.module('demoApp', [])
.controller('demoController', ['$rootScope', '$timeout', function($rootScope, $timeout) {
     $timeout(function(){
        $rootScope.$broadcast('to-directive', {isShow: true, content: 'hello-directive'});
     }, 5000);
       
}]);

如果這次收到了，你就能感受問題所在了吧？

Answer 2

推薦閱讀這篇文章：

angular 控制器之間的通訊

樓主應該是實現類似文章中的第二種方式