做网站经常会遇到弹出对话框获取用户输入或弹出对话框让用户确认某个操作之类的情景，有一个基于AngularJS的扩展模块可以帮我们优雅地完成这类事情：ngDialog

创建对话框可以是用ngDialog.open(options)或ngDialog.openConfirm(options)。前者打开一个普通的对话框，可以通过options制定诸如主题、模板等一系列属性，后者打开一个默认拒绝escape关闭和点击对话框之外自动关闭的对话框。options是json对象 。 

ngDialog安装

bower install ng-dialog
or npm:
npm install ng-dialog

或者直接引入

你只需要包括ngDialog.js， ngDialog.css和 ngDialog-theme-default.css在您的项目，然后就可以开始使用ngDialog你的指令：

<link rel="stylesheet" href="lib/ng-dialog/css/ngDialog.min.css">
<link rel="stylesheet" href="lib/ng-dialog/css/ngDialog-theme-default.min.css">
<script src="lib/ng-dialog/js/ngDialog.min.js"></script>

将className定义为ngDialog-theme-default。

例如

var app = angular.module('exampleApp', ['ngDialog']);

app.controller('MainCtrl', function ($scope, ngDialog) {
    $scope.clickToOpen = function () {
        ngDialog.open({ template: 'popupTmpl.html', className: 'ngdialog-theme-default' });
    };
});

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/1690