Ucwords过滤angularjs投掷错误

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

导读：发生了一些奇怪的事情.实际上我正在从异步调用中分配一个标题,我在标题上应用了一个ucwords过滤器.它给了我正确的输出,但首先抛出错误然后显示正确的值. HTML片段： h1 ng-show="defaultProduct.Campaign.title"{{ defaultProduct.Campaign.title | ucwords

发生了一些奇怪的事情.实际上我正在从异步调用中分配一个标题,我在标题上应用了一个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; 
    }    
})

（编辑：李大同）

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