javascript - AngularJS $location.path 不适用于 Parse Promise

Question

我的解析/AngularJS 应用程序正在使用 Promises。login 函数本应使用 $location.path 重定向用户，但我不得不根据这篇文章对其进行调整以使其正常工作:

$location.path doesn't change in a factory with AngularJS

根据这个 SO 用户，您需要将对 $location.path 的调用替换为

$rootScope.$apply( function(){$location.path('/somelocatin'); } );

在这里查看答案: https://stackoverflow.com/a/19738154/1743693

这解决了问题，但我必须明白:为什么 native 调用不起作用？以及调整如何解决问题？ 我怎么知道我没有搞砸 AngularJS 循环？还是与 Promise 模式的 Parse 实现更相关？

这是登录码:

    function login() {
        vm.dataLoading = true;
        var response = AuthenticationService.Login(vm.email, vm.password).then(
            function (user) {
                vm.dataLoading = false;
                //$location.path('/'); -- <-- **doesn't work**
                vm.user = Parse.User.current().getEmail();
                $rootScope.$apply(function () { $location.path('/'); });
            },
            function () {
                $rootScope.$apply(function () { $location.path('/login'); });
                FlashService.Error(response.message);
                vm.dataLoading = false;
            });
    };

以及身份验证服务实现:

    function Login(username, password, success, error) {

        return Parse.User.logIn(username, password, {
            success: function (user) {
                return user;
            },
            error: function (user, error) {
                return { user: user, error: error };
            }
        });

    }

(可在此处找到原始登录来源:http://jasonwatmore.com/post/2015/03/10/AngularJS-User-Registration-and-Login-Example.aspx)

Answer 1

因为$location is tightly tied到 Angular 摘要循环，以及许多其他 Angular 内置服务，所有这些 $location.path does is updating internal $$path property .它将用于在下一次摘要期间更新路径。

并且因为 $http 也与摘要相关联，它会在 promise 被解决或拒绝时触发摘要。一般不用担心手动触发摘要，$location 会在下一次摘要时更新位置。引用问题中的另一个答案 states this毫不含糊。

由于 promise 不是由内置服务提供的，而是由 Parse 提供的，因此需要手动触发摘要，这样 Angular 就“知道”位置已更新。考虑

$location.path('/');
$rootScope.$apply();

如果你更喜欢语法的话。

可以设置一个观察者来调查摘要何时命中以及那一刻位置路径发生了什么

$rootScope.$watch(function () {
  console.log('digest! and the path is ' + $location.$$path);
});