在 Angular 中处理外部点击引导模式

Question

如引导模态文档中所述，我们可以使用hide.bs.modal处理外部模态单击。互联网上出现的大多数例子都是jquery的。谁能帮助我在 Angular 中实现这一目标？ 我想要实现的是当通过单击模态外部关闭引导模式时。我想调用一个函数，该函数将对后端进行 API 调用并更新数据。

就像(menuOpened)和(menuClosed)在角度材料的mat-menu中一样，以类似的方式实现Angular的show.bs.modal和hide.bs.model真的会有所帮助吗？

Answer 1

基于这个答案

我会尝试这样的事情：

.html：

<div  #someModal></div>

.ts：

import { ElementRef } from '@angular/core';
declare var $:JQueryStatic;
@ViewChild('someModal') el:ElementRef;
...
$(this.el.nativeElement).on('hide.bs.modal', () => {
//update your data
}
)

(未测试)