0

サービスを呼び出すコントローラーがあります。サービス内で、ページの読み込み時に完全に機能する $rootScope.$broadcast を実行します。ただし、サービスを再度呼び出すと、 $rootScope.$broadcast が呼び出されないようです。

コントローラ：

app.controller('MyController', function($scope, myService) {

    myService.inititate($scope);

    $scope.Next = function () {
        myService.next($scope);
    };    
});

サービス：

app.service("loginService", function ($http, $rootScope) {

    var counter = 0;

    var checkuser = function (scope) {
        //some code.....
        $rootScope.$broadcast('rcvrCast', counter + 1);
    }

    this.inititate = function (scope) {
        //some code.....
        checkuser(scope);
    };

    this.next = function (scope) {
        //some code.....
        checkuser(scope);
    };
);

指令：

app.directive('myDirective', function() {
    return {
        restrict: 'A',
        replace: true,
        scope: {},
        link: function(scope, element, attrs) {
            scope.$on("rcvrCast", function(event, val) {
                scope.myValue = val;
            });
        },
        template:
            '<section>' +
                '<p>{{myValue}}</p>' +                        
            '</section>'
    }
});

HTML:

<body ng-controller="ParentController">

    <section my-directive></section>

    <div ui-view></div>
</body>

ページはコントローラーindex.htmlをロードします。MyController

ページの読み込み時に、$broadcast呼び出された fromthis.inititateが正常に呼び出さ{{myValue}}れ、1 として表示されます。

ただし、ボタンをクリックするとng-click="Next()"、サービスが再度呼び出されますが、{{myValue}}1 + 1 = 2 ではなく 1 として表示されます。

何かご意見は？

4

1 に答える 1