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

D'accord, puisque vous avez encore modifié la question, permettez-moi également de modifier ma réponse.

Tout d'abord, si vous vous attendez à ce que directive soit utilisé comme ceci public-tips, alors lors de sa définition, il doit être défini comme : app.directive('publicTips'... (notez qu'il n'y a pas de ligne horizontale ici, et t est en majuscule)

Deuxièmement, le moment de la diffusion est encore antérieur à la définition de la réception, il n'est donc jamais reçu. Vous pouvez faire preuve de bon sens :

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

Si vous le recevez cette fois, vous pouvez ressentir le problème, n'est-ce pas ?

Answer 2

Recommande de lire cet article :

Communication entre contrôleurs angulaires

L'affiche devrait implémenter la deuxième méthode dans un article similaire