详解AngularJS 模态对话框_AngularJS

在涉及GUI程序开发的过程中，常常有模态对话框以及非模态对话框的概念

模态对话框：在子界面活动期间，父窗口是无法进行消息响应。独占用户输入

非模态对话框：各窗口之间不影响

主要区别：非模态对话框与APP共用消息循环，不会独占用户。

模态对话框独占用户输入，其他界面无法响应

本文内容

Angular JS 实现模式对话框。基于 AngularJS v1.5.3 和 Bootstrap v3.3.6。

项目结构

图 1 项目结构

运行结果

图 1 运行结果：大模态

index.html

• {{item}}
当前选择： {{selected.item}}

确认 退出

AngularJS 模态对话框

大模态 中模态 小模态

---

当前选择：{{selected}}