我需要在我的AngularJS应用程序中检查用户的状态以显示特定的功能内容。在我看来,我有以下 HTML:
<span ng-show="authService.isSuperUser()">You are a Super User</span>
要确定用户是否具有"超级用户"状态并显示跨度,我的服务中有以下 JavaScript 代码
this.isSuperUser = function () {
if (loggedInUser !== null) { // loggedInUser is true in most cases
return getSuperUser();
} else {
return false;
}
};
var getSuperUser = function(){
return $http({method: 'GET', url: '/url/to/rest/service/for/superuser' }).then(function (response) {
return response; // this is either true or false and is working
}, function () {
console.log('Yikes! An Error!');
return false;
});
};
现在getSuperUser
函数提供了正确的结果(真或假),但是当我在浏览器中运行它时,我生成了数千个无限$digest循环错误。我显然以错误的方式处理这个问题,关于如何最好地实施我的解决方案并停止产生错误的任何想法?当用户转到特定 URL(如 myapp.com/#/youraccount)并且之前未在应用中加载ng-show="authService.isSuperUser()"
时,将加载 HTML 视图。
试试这段代码:
.factory('authService', function($http) {
return {
isSuperUser: function () {
return $http.get(......);
}
};
})
.controller('MyCtrl', function($scope, authService) {
$scope.isSuperUser = authService.isSuperUser();
})
<span ng-show="isSuperUser">you are a super user</span>
当控制器运行时,它会调用启动 Ajax 调用并立即返回 promise 的服务。
您将该承诺复制到名为isSuperUser的$scope变量。
您的观点与该承诺绑定。 当它得到解决时,它将是真或假,ng-show将相应地运行。 在那之前它被认为是错误的(我想:P)