Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular – 如果在外部单击或ESC按钮,则限制ng-bootstrap模式关闭大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Ng-bootstrap为我的angular2项目打开一个模态.如果我点击外面和ESC按钮,模态会解散.我想限制这两种行为.下面是我打开模态的代码
import { NgbModal,NgbModalOptions } from '@ng-bootstrap/ng-bootstrap';
.....
modalOption: NgbModalOptions = null;
constructor(
private modalservice: NgbModal,....
}
....
//the method I am using to open a modal
openAddModal() {
    this.modalOption.BACkdrop = 'static';
    this.modalOption.keyboard = false;
    const modalRef =  this.modalservice.open(PremiumProtectionComponent,this.modalOption);
    .....
}

PremiumProtectionComponent是模态的ts文件.

下面是我调用方法的HTML

< a(click)=“openAddModal()”>点击打开模态< / a>

任何人都可以建议我实现这种行为的正确方法.提前致谢

您需要在modalOptions对象上设置背景和键盘属性,而不是null: @H_622_1@modalOption: NgbModalOptions = {}; // not null! // ... openAddModal() { this.modalOption.BACkdrop = 'static'; this.modalOption.keyboard = false; const modalRef = this.modalservice.open(PremiumProtectionComponent,this.modalOption); }

大佬总结

以上是大佬教程为你收集整理的angular – 如果在外部单击或ESC按钮,则限制ng-bootstrap模式关闭全部内容,希望文章能够帮你解决angular – 如果在外部单击或ESC按钮,则限制ng-bootstrap模式关闭所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。