如何在Angular 4中隱藏基於狀態名稱的數據？

Question

我是Angular 4的新手。我試圖在狀態發生變化時隱藏一些數據。如何在Angular 4中隱藏基於狀態名稱的特定數據？

Answer 1

這是隱藏或顯示組件的visibleState屬性的示例模板。希望能幫助到你。

<div id="your-data" [hidden]="visibleState">{{myData}}</div> 

Answer 2

有幾個選項取決於你想要達到的目標：

1. 您可以使用隱藏的指令來顯示或隱藏的元素 <div [hidden]="visibleFlag"></div>
2. 可以使用ngIf控制指令添加或從DOM中移除元素。 <div *ngIf="visibleFlag"></div>
3. 或者你可以使用ngSwitch

組件代碼：

export class AppComponent { 
    visibleFlag: boolean = true; 
} 

Answer 3

<div *ngShow="isTrue"></div> 
<button click="show()"></button> 

在組件

isTrue:boolean = False 

在功能

show() { 
if (this.isTrue == False) { 
this.isTrue = True 
} else { 
this.isTrue = False 
} 
}