Angular之ngSwitch踩坑

cheress發表於2020-03-19
Angular

當要根據某個表示式的值的不同展示不同的頁面效果時，Angular提供了一個類似switch_case 語句的模板語法：

<container-element [ngSwitch]="switch_expression">
   <some-element *ngSwitchCase="match_expression_1">...</some-element>
...
   <some-element *ngSwitchDefault>...</some-element>
</container-element>

這個模板語法似乎可以替代以前的 *ngIf 指令，於是我把我的一處需要多次使用*ngIf 的地方改寫成了上面示例程式碼的樣子，然後發現僅取值顯示是沒問題的，但頁面初始化後如果表示式的值改變了，頁面卻不會重新渲染，雞肋。。。

相關文章