我正在我的 Angular 應用程式中實作警報/通知下拉選單。單擊圖示時，我會顯示警報，但是我現在正在嘗試更新已讀的警報（未讀以粗體顯示）。
例如，當打開應用程式時，它可能會在圖示上顯示數字 2（因為 2 個警報未讀）。當單擊通知圖示并顯示警報選單，然后關閉（或單擊關閉）時，我想通過呼叫函式將它們全部更改為讀取，然后通過更新 div 洗掉警報圖示上的數字 2（是有沒有辦法在不重繪 整個頁面的情況下做到這一點？）。有誰知道我該怎么做？
提前致謝！
下面如果我的代碼到目前為止：
<div class="col">
<ul
class="nav navbar-nav float-right"
>
<li class="dropdown-user nav-item" ngbDropdown>
<a class="nav-link" ngbDropdownToggle>
<div class="icon-wrapper">
<fa-icon
[icon]="faBell"
></fa-icon>
<span class="badge">{{this.unreadAlerts.length}}</span>
</div>
</a>
<div
ngbDropdownMenu
class="dropdown-menu-notification dropdown-menu-right"
>
<ng-container *ngIf="this.alerts.length == 0">
<a class="dropdown-item">
No alerts
</a>
</ng-container>
<ng-container *ngFor="let alert of this.alerts">
<a class="dropdown-item-notification">
<div class="row">
<div class="col">
<b *ngIf="alert.read == false">{{alert.name}}</b>
<h6 *ngIf="alert.read == true">
{{alert.name}}
</h6>
</div>
</div>
<div class="row">
<p>{{alert.description}}</p>
</div>
</a>
<div class="dropdown-divider"></div>
</ng-container>
</div>
</li>
</ul>
</div>
uj5u.com熱心網友回復：
ngbDropDownMenu 有一個方法openChange（請參閱檔案中的“輸出” -輸出是您可以捕獲的“事件”-）
有些喜歡
<div ngbDropdownMenu (openChange)="openClose($event)">
執行 .ts 中定義的函式
openClose(open:boolean)
{
if (open)
..do something..
else
..do something..
}
你也可以，如果只是近距離感興趣的話，可以做一些喜歡
<div ngbDropdownMenu (openChange)="!$event && close()">
函式“close”僅在 $event 為 false 時執行 -when 被關閉 -
close(){
..execute something..
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/510210.html
上一篇：(gcloud.app.deploy)：錯誤回應：AppEngineapppot和AppEngine柔性環境服務帳戶必須對影像具有權限