javascript - 试图让 Angularjs 显示 promise 时出现无限循环

Question

当我试图让 AngularJS 显示一个 promise 时，我面临着无限循环，如本文所述:http://markdalgleish.com/2013/06/using-promises-in-angularjs-views/ .

我首先调用$parseProvider.unwrapPromises(true);:

.config(["$parseProvider",
function($parseProvider) {
    $parseProvider.unwrapPromises(true);
}])

这是我用来访问消息的工厂:

app.factory("MessageHelper", [
function() {

    // omitted for brevity:
    // calling the server for getting the messages

    return {

        get: function(code) {
            var args = Array.prototype.slice.call(arguments);
            args.shift();
            if (messages) {
                return $q.when(format(messages[code], args));
            }
            var deferred = $q.defer();
            deferredMessages.push({ code: code, args: args, deferred: deferred });
            return deferred.promise;
        }

    };

}]);

然后，在 Controller 中:

$scope.msg = {
    get: function() {
        return MessageHelper.get.apply(this, arguments);
    }
};

最后，在 View 中:

<span>{{msg.get("existing.message.code", "first param", "second param")}}</span>

这是无限循环:$scope.msg.get 被无限调用...知道为什么吗？

Answer 1

在任何 Angular 表达式中，不能有任何对作用域有副作用的东西，否则会发生无限循环。

根据设计，它会重复重新运行所有表达式，直到没有任何变化。因此，当 promise 得到解决时，表达式将再次被评估。

为了避免这种情况，您可以将 msg.get 调用移动到 Controller 中，并将 Promise 作为另一个属性存储在 $scope 中:

$scope.msg = {
    get: function() {
        return MessageHelper.get.apply(this, arguments);
    }
};

$scope.resultMsg = $scope.msg.get("existing.message.code", "first param", "second param");

并在模板中使用它:

{{resultMsg}}

希望这有帮助。