尝试使 Angularjs 显示承诺时的无限循环

Question

我在尝试让 AngularJS 显示一个承诺时面临一个无限循环，如本文所述：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;
        }

    };

}]);

然后，在控制器中：

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

最后，在一个视图中：

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

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

Answer 1

在任何角度表达式中都不能有任何副作用，否则会发生无限循环。

重复运行所有表达式直到没有任何变化是设计使然。因此，在 promise 被解决时，表达式将再次被评估。

为避免这种情况，您可以将 msg.get 调用移动到控制器中，并将承诺作为另一个属性存储在 $scope 中：

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

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

并在模板中使用它：

{{resultMsg}}

希望这会有所帮助。