什么是ng-modals
ng-modals是一个Angular.js框架下的npm包，旨在提供一种便捷的方法，实现弹出式的交互框。本文将介绍如何安装和使用ng-modals npm包。
安装ng-modals
为了使用ng-modals，首先需要安装npm包。打开终端(Windows下为命令行提示符)，在命令行输入如下命令:
npm install ng-modals --save
这条命令会自动下载和安装ng-modals npm包，并将其添加到依赖列表中。
引入ng-modals
安装完ng-modals后，添加相应导入的语句到你的Angular.js文件中。在你的Angular.js页面中添加如下代码：
angular.module('myApp',['ngModals']);使用ng-modals
ng-modals提供了一种简单的方式来创建交互式对话框。在你的网页中，你可以使用任何HTML标签和ng-modals内置的指令，创建正确的HTML实例。
例如，这是一个示例代码，演示如何使用ng-modals来创建一个警告框：
<ng-modal ng-if="$ctrl.showModal" title="Confirmation Required">
<div>Do you really want to delete your account?</div>
<br>
<button class="btn btn-danger" ng-click="$ctrl.delete()"><i class="fa fa-trash-o"></i> Delete Account</button>
<button class="btn btn-default" ng-click="$ctrl.cancel()"><i class="fa fa-times"></i> Cancel</button>
</ng-modal>这个对话框有两个按钮: 一个是"Delete Account"，另一个是"Cancel"。与此同时，当你单击"Delete Account"时，将会调用delete()函数，删除你的帐户。而单击"Cancel"，则会调用cancel()函数，关闭对话框。
小结
ng-modals是一个强大的Angular.js组件，使得创建弹出式的交互框变得更容易。我们见过，如何安装和使用ng-modals，从而可以在你的网页中快速实现弹出式的交互框。我希望你已经理解了ng-modals的基本操作，现在可以将其集成到你的开发计划中了!
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d730d0927023822dee