ng命令——ngSwitch,ngSwitchCase,ngSwitchDefault简单理解

因为项目的问题,所以我要用到angular的ng命令,但是发现自己不是很懂,就查了查,发现,emmmm,还不是很懂,后来看着代码,又结合官方的话,别人的回答,大概理解了一点,下面把我的理解整理整理,否则就更不容易懂了
下面是angular官方回答,但是我还是不懂:
angular-ngSwitch理解
ngSwitch:根据内嵌的 match(匹配)表达式(match_express_*)与 switch(多路开关)表达式(switch_expression)的匹配结果,添加 / 删除 DOM 子树。
NgSwitchDefault命令的理解:
当没有任何 case 表达式匹配 switch 表达式的结果时,就会在父指令 NgSwitch 中创建一个视图。

我查了之后发现根本看不懂就从代码上看了看:

<div [ngSwitch]="student.score">
  <a class="mui-navigate-right" *ngSwitchCase="" style="font-size: 16px;color: white;">
  {{student.studentCode}} {{student.studentName}}
   </a>
  <a class="mui-navigate-right" *ngSwitchDefault style="font-size: 16px;color: gray;">
  {{student.studentCode}} {{student.studentName}}
 </a>
<div>

我对上面的官方理解很不清楚,所以我只能看着代码理解,先让ngSwitch等于学生的分数
*ngSwitchcase=”“这里就是表示分数没有的时候,颜色是白色的
*ngSwitchDefault 这里,就相当于ngSwtich 获得了分数,颜色就自动变色了,
emmm,简单理解成这样的,以后越来越懂的

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值