html ngSwitch

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html ngSwitch相关的知识，希望对你有一定的参考价值。

<div [ngSwitch]="currentHero.emotion">
  <app-happy-hero    *ngSwitchCase="'happy'"    [hero]="currentHero"></app-happy-hero>
  <app-sad-hero      *ngSwitchCase="'sad'"      [hero]="currentHero"></app-sad-hero>
  <app-confused-hero *ngSwitchCase="'confused'" [hero]="currentHero"></app-confused-hero>
  <app-unknown-hero  *ngSwitchDefault           [hero]="currentHero"></app-unknown-hero>
</div>

以上是关于html ngSwitch的主要内容，如果未能解决你的问题，请参考以下文章

Angular2 - NgSwitch 中的模板引用

NgSwitch在交换机上丢失了异步数据？

使用 ngSwitch 专门更改 img [src]

重新运行ngSwitch

typescript ngSwitch（开关盒）

markdown Diretivas（Switch - ngSwitch，ngSwitchCase，* ngSwitchDefault）