angularjs – scope.$watch在指令链接函数中没有被调用

我有这个工厂,

.factory('authentication',[function() {

    return {
      loginrequired: false
    };
  }]);

我有这个控制器,

.controller('TopNavCtrl',['$scope','authentication',function($scope,authentication) {

  $scope.login = function() {
    authentication.loginrequired = true;
  };

}]);

我在指令中有这个链接功能,

link: function(scope,element,attrs) {

    scope.show = false;

    scope.$watch(authentication.loginrequired,function(value) {
      scope.show = value;
    });
  }

当authentication.loginrequired = true时;是在控制器中完成的,范围.$watch中的指令未被调用.

有什么想法吗？

Scope.$watch接受作为第一个参数表达式或函数.您作为第一个参数传递的是存储在authentict.loginrequired中的值.

以下工作(假设您已正确注入认证工厂)：

link: function(scope,attrs) {

    scope.show = false;

    scope.$watch(function(){return authentication.loginrequired;},function(value) {
      scope.show = value;
    });
  }