Angular Directive: ngSwitch [附例子]
ngSwitch 的概念跟一般程式語言的switch差不多
在網頁當中的作用為選擇性的修改DOM結構
基本上都要再搭配 ngSwitchCase, ngSwitchDefault使用
使用案例如下
<form[ (ngSwitch)]="color">
<app-green *ngSwitchCase="'green'"></app-green>
<app-red *ngSwitchCase="'red'"></app-red>
<app-blue *ngSwitchDefault></app-blue>
<form>
color為條件
條件為green, 召喚出app-green component
條件為red 召喚出app-red component
以上注意中間有個單引號,表示單純字串,少了單引號則為變數
最後是一個default選項,預設為藍色
留言
張貼留言