在项目开发的过程中肯定需要弹出视图,在angular2中就有一个模态框可以使用。
HTML:页面中主要有两个部分,第一就是点击触发弹出模态框的按钮,如下
第二就是弹出视图的内容:
组件的形式:这种形式比较普遍也推荐这种方式,这样代码耦合度底,维护也方便
直接代码的形式:这种形式比较容易理解,适合代码量小的
模态框的显示和隐藏:在html代码中可以只要使用模态框的show()和hide()两个方法;
在component中的代码如下:触发模态框如下
import{ModalDirective}from"ng2-bootstrap";
@ViewChild('dictModal')publicdictModal: ModalDirective;
this.dictModal.show();
this.dictModal.hide();