HTML中的三目表达式可以有多长

原文链接：https://www.longkui.site/program/frontend/20220220-2/4360/

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

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

data.regionState==‘1’?“未提交”:“已经提交”
但是显然这里不适应这种写法，我这里有7个状态啊。于是乎，想了个疯狂的写法。

写法如下：

{{ data.regionState=='1'?"未提交" :data.regionState=='2'?"第三方机构审核未通过" :data.regionState=='3'?'第三方机构审核中' :data.regionState=='4'?'第三方机构审核通过' :data.regionState=='5'?'省级审核未通过' :data.regionState=='6'?'省级审核通过' :data.regionState=='7'?'需要整改' :"状态异常" }} 说明：这个三目表达式可以这么写，多次判断，但是不知道效率如何。

太神奇了！！