https://www.longkui.site/program/frontend/20220220-2/4360/

原文链接：HTML中的三目表达式可以有多长 – 每天进步一点点 (longkui.site)

0.背景

angular+ngzorro构建的一个页面。页面上有个table。其中一个td显示的状态。这个状态是数字1到7，每个数字代表一个不同的状态， 但是你页面上也不能给用户显示数字吧。

于是，想到了三目表达式，传统的三目表达式一般这么写：

data.regionState=='1'?"未提交":"已经提交"

但是显然这里不适应这种写法，我这里有7个状态啊。于是乎，想了个疯狂的写法。

写法如下：

  <td>{{ data.regionState=='1'?"未提交"
                :data.regionState=='2'?"第三方机构审核未通过"
                :data.regionState=='3'?'第三方机构审核中'
                :data.regionState=='4'?'第三方机构审核通过'
                :data.regionState=='5'?'省级审核未通过'
                :data.regionState=='6'?'省级审核通过'
                :data.regionState=='7'?'需要整改'
                :"状态异常"
                }}</td>

说明：这个三目表达式可以这么写，多次判断，但是不知道效率如何。

太神奇了！！