ngDialog 介绍
做网站经常会遇到弹出对话框获取用户输入或弹出对话框让用户确认某个操作之类的情景，有一个基于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' });
};
});
网站地址:http://likeastore.github.io/ngDialog
GitHub:https://github.com/likeastore/ngDialog
网站描述:一个基于AngularJS的扩展对话框模块
ngDialog
官方网站：http://likeastore.github.io/ngDialog
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。