在Angular 7中,使用NgbModal时,可以通过以下步骤移除默认的自动焦点:
@ng-bootstrap/ng-bootstrap
包。如果没有安装,可以使用以下命令进行安装:npm install @ng-bootstrap/ng-bootstrap --save
NgbModal
和NgbModalOptions
:import { NgbModal, NgbModalOptions } from '@ng-bootstrap/ng-bootstrap';
NgbModal
:constructor(private modalService: NgbModal) { }
NgbModalOptions
对象,并将backdrop
属性设置为'static'
,这样点击背景时不会关闭模态框:openModal(content) {
const options: NgbModalOptions = {
backdrop: 'static'
};
this.modalService.open(content, options);
}
openModal
方法打开模态框,并在
标签中添加一个隐藏的输入框,并使用autofocus
属性来设置默认的自动焦点:
通过将输入框的style
属性设置为"display:none;"
,可以将其隐藏起来,从而防止自动焦点。
这样,模态框将不再自动聚焦在输入框上。