javascript - ngx bootstrap 警报 - 检测关闭事件

Question

如何使用 Angular 检测警报是否已关闭？我正在使用 ngx Bootstrap :https://valor-software.com/ngx-bootstrap/#/alerts

有没有办法检测onClosed是否被调用？

HTML:

<alert type="success" [dismissible]="dismissible">Detect if I am closed or open</alert>

我的组件.component.ts:

alertIsClosed = false;

someFunction(detectAlertIsClosed) {
   alertIsClosed = true;
}

Answer 1

Alert 组件提供了一个名为 onClosed 的事件。你需要使用它。

来自Documentation

onClosed - This event fires when alert closed, $event is an instance of Alert component

注册并添加处理程序

标记

<alert type="success" [dismissible]="dismissible" (onClosed)="onClosed($event)">
   Detect if I am closed or open
</alert>

组件

public onClosed($event) {

}