我有一個按鈕，每次點擊都應該顯示或隱藏內容
html：
<button (click)="showHide()">
{{ content$ ? 'Hide' : 'show' }}
</button>
<div *ngIf="content$" >
CONTENT
</div>
ts：
readonly content$ = new BehaviorSubject<boolean>(false);
showHide(): void {
this.content$.next(true);
}
并且這段代碼沒有給出任何錯誤，但它總是顯示內容，我無法隱藏它，有什么幫助嗎？
uj5u.com熱心網友回復：
您好，歡迎來到 Stackoverflow！
您正確地將新值設定為BehaviorSubject, 并且：*ngIf="content$"您只是檢查是否BehaviorSubject存在。
為了獲得內容，您必須：
<div *ngIf="content$ | async; let content">
CONTENT
</div>
有了let content你可以進入到拍攝物件的價值，就得情況;）
您可以了解有關AsyncPipe 檔案的更多資訊
uj5u.com熱心網友回復：
您需要使用異步管道來讀取可觀察值。
<div *ngIf="content$ | async" >
CONTENT
</div>
https://angular.io/api/common/AsyncPipe
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/367279.html
標籤：有角的
上一篇：ngrx狀態未顯示在模板中