如何以角度隐藏引导模式 [英] How to hide bootstrap modal in angular
问题描述
我正在使用引导模式,但是当我从代码隐藏中隐藏它时,它会显示以下错误.
我使用的是 angular6.
代码
<div #exampleModal class="modalfade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"咏叹调隐藏=真">@ViewChild('exampleModal') 公共 exampleModal: ElementRef;this.exampleModal.hide();
错误信息
<块引用>错误类型错误:this.exampleModal.hide 不是函数
您可以在模态对话框中添加关闭按钮 HTML 并添加模板变量 #closebutton
在 ts 代码中,调用 this.closebutton.nativeElement.click();
关闭模态对话框.
HTML
<h2>模态关闭</h2><!-- 用按钮触发模态--><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">打开</button><!-- 模态--><div class="modalfade" id="myModal" role="dialog"><div class="modal-dialog"><!-- 模态内容--><div class="modal-content"><div class="modal-header"><button type="button" #closebutton class="close" data-dismiss="modal">×</button><h4 class="modal-title">模态标题</h4><div class="modal-body"><p>此处的内容</p>
<div class="modal-footer"><button type="button" class="btn btn-danger" id="closeModal" (click)="onSave()">保存</button>