首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Angular 7相当于JQuery on,Angular中的事件侦听器来查找模态显示

Angular 7相当于JQuery on,Angular中的事件侦听器来查找模态显示
EN

Stack Overflow用户
提问于 2019-08-27 00:15:40
回答 1查看 126关注 0票数 0

我正在寻找一个事件侦听器来捕捉模态显示事件,像这样在JQuery上,但在Angular 7

代码语言:javascript
复制
    $('#modaldemo4').on('shown.bs.modal', function () {
               $('#modalCloser').trigger('click')
                                                       })

我试过了,但没有效果。

代码语言:javascript
复制
  this.modaldemo4.nativeElement.addEventListener('modal-shown', function () {
              this.modalCloser.nativeElement.click();
              this.modalCloser2.nativeElement.click();
              this.routToFacilityValidationPage();
            });

在angular 7中什么是bootstrap模式打开或显示事件。

提前谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-08-27 00:39:48

您需要实际发出modal-shown事件。您正在监听它,但没有任何东西发出它。我不确定这个类的模式是什么样子的,但是它已经在监听那个shown.bs.modal了,你也许能够监听它。

否则,如果您有一个按钮正在显示它,您可以在按钮上放置一个标志来处理模式的可见性。

代码语言:javascript
复制
<button (click)="openModal()"></button>

在您的.ts文件中,类似于:

代码语言:javascript
复制
openModal() {
this.modalVisible = true;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57661491

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档