変更時に変数を監視する方法Angularjs

Question

"directive"モジュール内の "service"モジュール内にある変数を監視する方法。 サービスモジュールがあります。

angular 
.module('SGA') 
.service('messageService', [messageService]); 
function messageService() { 
var ctrl = this;  
this.messages = []; 
this.send = function (message, type) { 
    ctrl.messages.push({ text: message, type: type }); 
}; 

は、私は、指令モジュール

angular.module('SGA').directive('message', function() { 

return { 
    restrict: 'E', 
    scope: {}, 
    bindToController: { 
     msg: '@' 
    }, 
    templateUrl: "assets/templates/message/message.html", 
    controllerAs: 'ctrl', 
    link: function(){} 
} 
}) 

私は、変数「メッセージ」を変更したときに指令モジュールが変更とtemplateUrlの新しい値を送信することを望んを持っています。 何かが得られたら、私はページに表示する必要があるので、常に変数を監視する必要があります

Answer 1

サービスを指示文に挿入する必要があります。

あなたのリンク機能で次に

angular.module('SGA').directive('message', 'messageService', function (messageService) { 

link: function (scope){ 
    messageService.send("hello"); 
    scope.messages = messageService.getMessages(); 
} 

「messageService」のこの「メッセージ」はでabsatecidoされるサービスhttps://docs.angularjs.org/api/ng/service/ $ qを