ngx bootstrap alert - 检测关闭事件

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.component.ts：

alertIsClosed = false;

someFunction(detectAlertIsClosed) {
   alertIsClosed = true;
}

Answer 1

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

来自Documentation

onClosed - 警报关闭时触发此事件，$ event是警报组件的实例

注册并添加处理程序

标记

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

零件

public onClosed($event) {

}