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

发布时间：2020-12-17 07:27:19 所属栏目：安全来源：网络整理

导读：我有这个工厂, .factory('authentication',[function() { return { loginRequired: false }; }]); 我有这个控制器, .controller('TopNavCtrl',['$scope','authentication',function($scope,authentication) { $scope.login = function() { authentication.lo

我有这个工厂,

.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;
    });
  }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!