如果value为0,则返回Angularjs中的空字符串

时间:2016-12-23 08:50:41

标签: javascript angularjs

当某个值为" 0"时,是否可以返回空字符串,但是使用angularJs从HTML页面返回?

如果我有这样的话:

<p>External | Year of Birth: {{profileCtrl.person.year}}</p>

我可以在那里写一些表达式来检查profileCtrl.person.year的值吗?如果值为&#34; 0&#34;然后返回空字符串,否则返回值profileCtrl.person.year

像C#这样的语言很容易做到这一点,但由于我对Angular很新,我无法知道这项技术是否有能力做这样的事情?

有人可以帮我解决这个问题吗?

6 个答案:

答案 0 :(得分:2)

您可以使用三元运算符来实现此目的;

{{profileCtrl.person.year === 0 ? "" : profileCtrl.person.year}}

这基本上说,如果它是0提供“”,否则提供年份。

希望它有所帮助!

答案 1 :(得分:2)

您可以使用三元运算符?

{{ profileCtrl.person.year === 0 ? "" : profileCtrl.person.year }}

答案 2 :(得分:2)

您可以使用logical OR ||,如果第一个值为假,则使用第二个值。

<p>External | Year of Birth: {{profileCtrl.person.year || ""}}</p>

另一个解决方案可能是显示wole部分,具有ng-show属性和truthy值。在虚假值上,该部分被隐藏。

<p ng-show="profileCtrl.person.year">External | Year of Birth: {{profileCtrl.person.year}}</p>

答案 3 :(得分:2)

你可以这样做:

{{profileCtrl.person.year === 0 ? "" : profileCtrl.person.year}}

答案 4 :(得分:0)

使用三元运算符:

<p>External | Year of Birth: {{profileCtrl.person.year !== 0 ? profileCtrl.person.year : ""}}</p>

另一种方法可能是(未经检查):

<p>External | Year of Birth: {{profileCtrl.person.year || ""}}</p>

答案 5 :(得分:0)

您可以在代码中使用过滤器返回空

//js file
app.filter("filterName",function(){
    return function(input){
           switch(input){
           case 0:
           return "";
    }
});

<!-- html page -->
{{input | filterName}}