Angularjs 1.3异步过滤器无法正常工作

发布时间：2020-12-17 06:50:56 所属栏目：安全来源：网络整理

导读：我有以下代码,它基本上通过服务中的$http.get请求从服务器加载消息,然后在i18n过滤器中使用.过滤器工作正常,角度版本1.2.24,但更新到1.3.5后,它不再有效. 我想知道是否有人遇到过类似的问题,并且可以对此有所启发. var module = angular.module('myApp',[]).

我有以下代码,它基本上通过服务中的$http.get请求从服务器加载消息,然后在i18n过滤器中使用.过滤器工作正常,角度版本1.2.24,但更新到1.3.5后,它不再有效.

我想知道是否有人遇到过类似的问题,并且可以对此有所启发.

var module = angular.module('myApp',[])

.factory('MessageFactory',function ($http,$locale,$log) {
    var messages = {};

    $http.get("/i18n/" + $locale.id + "/list",{cache: true}).success(function(data) {
        $log.debug("Getting messages for",$locale.id);
        messages = data;
    });

    return {
        getMessage: function (key) {
            return messages[key];
        }
    }
})

.filter('i18n',function (MessageFactory) {
    return function (key) {
        return MessageFactory.getMessage(key);
    }
});

Html代码

<h2>{{'message.page.title'|i18n}}</h2>

解决方法

经过几个小时的挖掘,我改变了

.filter('i18n',function (MessageFactory) {
    return function (key) {
        return MessageFactory.getMessage(key);
    }
});

至

.filter('i18n',function (MessageFactory) {
    function filterFn(key) {
        return MessageFactory.getMessage(key);
    }

    filterFn.$stateful = true;

    return filterFn;
});

注意filterFn.$stateful这就是诀窍.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!