angular2 模态框

在项目开发的过程中肯定需要弹出视图，在angular2中就有一个模态框可以使用。

HTML：页面中主要有两个部分，第一就是点击触发弹出模态框的按钮，如下

第二就是弹出视图的内容：

组件的形式：这种形式比较普遍也推荐这种方式，这样代码耦合度底，维护也方便

直接代码的形式：这种形式比较容易理解，适合代码量小的

模态框的显示和隐藏：在html代码中可以只要使用模态框的show()和hide()两个方法；

在component中的代码如下：触发模态框如下

import{ModalDirective}from"ng2-bootstrap";

@ViewChild('dictModal')publicdictModal: ModalDirective;

this.dictModal.show();

this.dictModal.hide();