Question

在Angular 1.6.2和UI路由器中，我希望仅在服务器上建立用户具有访问该页面的正确角色/权限的页面后才显示该页面的内容。

没有$scope.apply() catch()没有被解雇但是由于某种原因，当我把它放在那里时就是这种情况。如果没有$scope.apply()，vm.showContent变量似乎不会更新视图。

我没有收到Angular或JS错误所以我说我会省略任何其他相关代码，因为我认为没有其他任何因素导致问题。

查看/ HTML

<div ng-show="data.showContent">
 // my html, not to be shown until vm.showContent is true     
</div>

控制器

// more JS
var vm = this;
vm.showContent = false;
// more JS
vm.hasRole = function (role, toState, event) {

    Auth.hasRole(role).then(function (data) {
        vm.showContent = true;
        // without this nothing is happening with the view
        $scope.apply();
        alert('has role'); // firing successfully
    }).catch(function () {
        alert('does not have role') // firing also if I add $scope.apply();
        if (event != false) {
            event.preventDefault();
            $state.go('no-permission');
        }
    });
}

Answer 1

查看错误响应值：

//}).catch(function () {
//LOG error response
}).catch(function(errorResponse) {
    console.warn(errorResponse);
    alert('does not have role') // firing also if I add $scope.apply();
    if (event != false) {
        event.preventDefault();
        $state.go('no-permission');
    }
});

$scope.apply()可能会抛出：

Error: $rootScope:inprog Action Already In Progress

当在promise链中的成功处理程序中抛出错误时，$ q服务会跳转到链中的第一个后续拒绝处理程序。

有关错误的详细信息，请参阅AngularJS Error Reference - $rootScope/inprog

AngularJS 1.6处理与常规拒绝相同的抛出错误

对于以前的版本，成功抛出错误和拒绝处理程序会创建控制台错误消息。改变AngularJS 1.6以处理抛出错误与常规拒绝相同：

$ Q：

由于e13eea，承诺的onFulfilled或onRejection处理程序抛出的错误与常规拒绝完全相同。以前，它也会被传递给$exceptionHandler()（除了以错误为理由拒绝承诺）。

--AngularJS Developer Guide - Migrating from v1.5 to v1.6 - $q

$ scope.apply正在触发“catch”以及“then”

1 个答案:

AngularJS 1.6处理与常规拒绝相同的抛出错误

$ Q：