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選項,預設為藍色

留言

這個網誌中的熱門文章

【台股】產業龍頭股一覽表 (不斷更新)