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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Xiewanru/article/details/82562737

因为项目的问题,所以我要用到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,简单理解成这样的,以后越来越懂的

猜你喜欢

转载自blog.csdn.net/Xiewanru/article/details/82562737