Question

你好，我在Angular 6中使用ngbootstrap模态窗口，我在html中有以下代码来关闭弹出窗口。

 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span (click)="closePopin()">×</span></button>
    </div>

这是.ts文件中的代码。

import {NgbActiveModal} from '@ng-bootstrap/ng-bootstrap';

 constructor(public activeModal: NgbActiveModal) {}
 closePopin() {
       this.activeModal.close();     
   }

但是，这在IE11上不起作用，当我们单击弹出X按钮n时，什么也没有发生

Answer 1

如果将(click)="closePopin()从span元素移动到父button元素，它将在IE11中起作用：

<button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="closePopin()">
    <span>×</span>
</button>

请参阅this StackBlitz进行演示

IE11中的Popin没有关闭

1 个答案: