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>

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

太神奇了!!