angular2 模态框

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

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

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

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

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

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

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

import{ModalDirective}from"ng2-bootstrap";

@ViewChild('dictModal')publicdictModal: ModalDirective;

this.dictModal.show();

this.dictModal.hide();

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容