Angularjs - 显示是/否的真/假

时间:2014-10-02 14:01:15

标签: javascript angularjs

是否有一种简单的方法可以将真/假值显示为是/否?

我正在从数据库中检索包含以下内容的JSON:

  

[Object,Object," WithCertification":true]

这是html:

  

通过认证 {{elem.WithCertification}}

正在显示:

认证真实

我想要它显示:

认证是

有没有办法不必去控制器将真/假改为是/否?

无论如何我需要改变它,有什么建议吗?

谢谢。

4 个答案:

答案 0 :(得分:49)

ternary operators内可以Angular Expressions,所以只需执行此操作:

With Certification {{elem.WithCertification?'yes':'no'}}

答案 1 :(得分:5)

{{elem.WithCertification == true ? "Yes" : "No"}}

答案 2 :(得分:3)

最好的方法是创建自定义过滤器,因为最好在视图中尽可能减少逻辑。下面是一个示例代码,向您展示如何实现此目的。

angular.module('myApp', [])
.filter('yesOrNo', function() {
return function(input) {
  return input === 'true' ? 'yes' : 'no' ;
};
})

在html中,您只需: -

With Certification {{elem.WithCertification | yesOrNo}}

答案 3 :(得分:1)

如果这是一次性案例,我同意Joseps answer。使用:

With Certification {{elem.WithCertification?'yes':'no'}}

但是,如果您打算更频繁地使用它,我建议使用过滤器。 the AngularJS tutorial step 9

中解释了一个非常类似的案例