我有以下代码,它基本上通过服务中的$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);
}
});
<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这就是诀窍.
