ng-class="{true: 'adopt', false: 'reject'}[item.approve]"用法？_Html5_论坛

ng-class="{true: 'adopt', false: 'reject'}[item.approve]"用法？

黑***黑分类：Html5 人气：1334 回帖：1 发布于6年前收藏

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

标签：css html5 javascript

讨论这个帖子（1）垃圾回帖将一律封号处理……

Lv1 新人

海***人 Web前端工程师 6年前#1

这并非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'。

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取