发生了一些奇怪的事情.实际上我正在从异步调用中分配一个标题,我在标题上应用了一个ucwords过滤器.它给了我正确的输出,但首先抛出错误然后显示正确的值.
HTML片段：
<h1 ng-show="defaultProduct.Campaign.title">{{ defaultProduct.Campaign.title | ucwords }}</h1>
过滤片段
app.filter("ucwords",function () {
return function (input){
input = input.toLowerCase().replace(/\b[a-z]/g,function(letter) {
return letter.toUpperCase();
});
return input;
}
})
请注意defaultProduct.Campaign.title是从AJAX调用分配的.它在ajax成功之后初始化.在我的控制台中,它首先抛出错误,在ajax成功调用之后它显示正确的输出.
如果输入显示第一个标题,则输出将显示第一个标题.但为什么它首先抛出错误？我想在过滤器中使用$timeout,但这不是一个很好的方法.谁能建议我最好的方式？
以下是错误：
Error: input is undefined
解决方法
filters are evaluated on each digest cycle
最初,未定义defaultProduct.Campaign.title的值将决定异步调用.那时,在设置defaultProduct.Campaign.title值之前会调用自定义过滤器.过滤器尝试输入.toLowerCase(),其中返回输入未定义,其中未定义输入值.您通常应该在过滤器本身内处理这种情况.
过滤
app.filter("ucwords",function () {
return function (input){
if(input) { //when input is defined the apply filter
input = input.toLowerCase().replace(/\b[a-z]/g,function(letter) {
return letter.toUpperCase();
});
}
return input;
}
})
