角度4の状態名に基づいてデータを隠す方法は？

Question

私は角4を初めて使っています。状態が変わるたびにデータを隠そうとしています。 Angular 4の状態名に基づいて特定のデータを隠すにはどうすればよいですか？

Answer 1

これは、コンポーネントのvisibleStateプロパティを基に非表示または表示するテンプレートの例です。それが役に立てば幸い。

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

Answer 2

あなたが達成したいのかによって、いくつかのオプションがあります：

1. あなたが追加するngIf制御ディレクティブを使用することができます <div [hidden]="visibleFlag"></div>
2. あなたは要素を表示または非表示に隠されたディレクティブを使用することができますまたはDOMから要素を削除します。 <div *ngIf="visibleFlag"></div>
3. それとも、を使用することができますngSwitch

コンポーネントコード：機能内のコンポーネント

isTrue:boolean = False 

で

export class AppComponent { 
    visibleFlag: boolean = true; 
} 

Answer 3

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

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