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>

MY-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) {

}