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 ($s cop e,ngDialog) {
$s cop e.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
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。