我用ngbAlert表示Angular .如果我的后端API失败，我会显示一个alert .
<ngb-alert class="veri-alert" [type]="alert.type" [dismissible]="true" *ngIf="showErrorAlert">
<span class="icon icon-alert-dark"></span>
<span class="pl-2">{{ alert.message }}</span>
</ngb-alert>
如果API失败，我将设置为showErrorAlertTrue，并按预期显示alert .现在，如果用户点击alert 框中的"x"按钮，alert 将按预期关闭.
现在，如果用户在没有刷新的情况下再次通过单击Continue按钮对后端进行API调用，并且API再次失败，我会再次将showErrorAlert设为真.但现在，没有显示ngbAlert.
怎样才能使ngbAlert再次显示？
请在下面找到一个正常运行的示例，其中关闭alert 运行良好.我将事件(closed)="showErrorAlert = false"添加到了HTML中，它开始正常工作！
HTML
<ngb-alert
class="veri-alert"
[type]="alert.type"
[dismissible]="true"
*ngIf="showErrorAlert"
#staticAlert
(closed)="showErrorAlert = false"
>
<span class="icon icon-alert-dark"></span>
<span class="pl-2">{{ alert.message }}</span>
</ngb-alert>
<button (click)="clickAction()">open alert</button>
TS
import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { NgbAlertModule } from '@ng-booTStrap/ng-booTStrap';
@Component({
selector: 'ngbd-alert-basic',
standalone: true,
imporTS: [NgbAlertModule, CommonModule],
templateUrl: './alert-basic.HTML',
})
export class NgbdAlertBasic {
showErrorAlert = false;
alert = {
type: 'success',
message: 'it is working!',
};
clickAction() {
this.showErrorAlert = true;
}
}