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'?'需要整改' :"状态异常" }} 说明：这个三目表达式可以这么写，多次判断，但是不知道效率如何。

太神奇了！！

HTML中的三目表达式可以有多长相关推荐

Vue中绑定值与字符串拼接以及结合三目表达式实现是否为空判定的使用
场景若依前后端分离版手把手教你本地搭建环境并运行项目: 若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客_若依前后端分离搭建 Vue中在调 ...
Java 三目表达式中的NullPointerException问题
Java 三目表达式中的NullPointerException问题背景问题思考找资料反思背景旧系统改造. 问题 Integer rank = bpo.getLocalRank() != ...
java三目表达式_Java8新特性Lambda表达式
1 Lambda表达式对于很多计算机语言来说,Lambda表达式并不是陌生的语法格式,而对于Java而言,它的到来比较晚,直到Java8更新之后,Lambda表达式才正式出现在Java语法中.所以如 ...
Python3.x中的三目运算实现方法
java中的三目运算条件语句?为true时的值:为false时的值例: int a = 3,b= 5; int c = a>b ? 1:0; 因为a>b 为false 输出结果为:c= ...
三目表达式如何省略一个表达式
三目表达式若想省略一个表达式, 可以用 null 代替举例: public class HelloWorld {public static void main(String[] args) {// ...
Vue使用v-for与v-if搭配满足条件进行赋值，和v-if三目表达式的使用
Vue使用v-for遍历的时候,通过{{}}进行赋值 {{user.companyName = item.companyName}} <select class="form-contr ...
java里什么是三目表达式_浅谈Java三目运算
三目条件运算公式为 x?y:z 其中x的运算结果为boolean类型,先计算x的值,若为true,则整个三目运算的结果为表达式y的值,否则整个运算结果为表达式z的值例:String s=" ...
java中的三目运算
博主理解的三目运算还是萌新小白的博主认为,三目运算和java逻辑中的if else 极为的相似,所以大家刚接触的时候完全可以把它认为就是if else! 想必大家一定都在代码中见过 a==b ? 1 ...
mysql中的三目运算
项目中有个要求,如果turnPerson不为空就给turnPerson处理,为空就交给assignPerson处理但是又是一个统计,不好改了,于是就用MySQL的三目运算. select statu ...
Python 中的三元运算符,三目表达式
三元运算符通常在Python里被称为条件表达式,这些表达式基于真(true)/假(false)的条件判断,在Python 2.4以上才有了三元操作. 下面是一个伪代码和例子: 伪代码: Python ...

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

HTML中的三目表达式可以有多长相关推荐

最新文章

热门文章