为了账号安全,请及时绑定邮箱和手机立即绑定

ng-class="{true: 'adopt', false: 'reject'}[item

ng-class="{true: 'adopt', false: 'reject'}[item

手掌心 2018-11-22 18:15:41
现在获取到的数据data如图所示,现在要根据data.task中的approve的值(有null,false,true)对应三种颜色蓝、红、绿。我用了 默认样式process我用蓝色,然后根据approve的值分别用true(adopt绿色样式覆盖蓝色)和false(rejece红色样式覆盖蓝色)发现确实实现了效果,但是没有在官方文档中找到,想知道官网是否有这种用法(看到别人的博客中有这种用法),或者其他的实现方法么?

1 回答

?
繁星点点滴滴

TA贡献1803条经验 获得超3个赞

这并非NG的用法,而是Javascript的技巧。
{true: 'adopt', false: 'reject'}[item.approve]
其中,你把{true: 'adopt', false: 'reject'}当做某个变量a,你就可以改写成:

a[item.approve]

如果item.approve值为true,则上面为a[true],也就是'adopt'
反之,则上面为a[false],也就是'reject'

当然可以使用最常规的三目运算符item.approve ? 'adopt' : 'reject'


查看完整回答
反对 回复 2018-12-31

添加回答

代码语言

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信