首先提供一个了链接地址,可以看到ng-dialog的API:https://github.com/likeastore/ngDialog
其次,谈谈自己对这个插件近期的用法。
我在项目里面用它的主要作用是
《1》提示:
《2》回调:
在用这个插件之前,我们第一步肯定是引入这个插件,然后在项目里面注入,后来就可以直接使用里面的方法了。
对于,提示,
$scope.openDefault = function () {
ngDialog.open({
template: 'firstDialogId',
controller: 'InsideCtrl',
className: 'ngdialog-theme-default'
});
};
对于,回调,
$scope.openConfirm = function (x) {
ngDialog.openConfirm({
template:'<p>Are you sure you want to close the parent dialog?</p>' +
'<div class="ngdialog-buttons">' +
'<button type="button" class="ngdialog-button ngdialog-button- secondary" ng-click="closeThisDialog(0)">No' +
'<button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="confirm(1)">Yes' +
'</button></div>',,
className: 'ngdialog-theme-default',
constroller:function(){
if(x=="1"){
$scope.confirm = function(){
$scope.confirm = function(){
}else if(x=="2"){
$scope.confirm = function(){
}else{
$scope.confirm = function(){
}
}
}
}
})
};
一般情况下,我们都会把弹框这个作为公共的方法,然后可以调用,所以就将它放在rootScope下面,其他控制器可以直接调用,在使用这个confirm时,我遇到了问题,就是再一次确认,就是回调,我当时点击确认的时候,需要重新调用方法,但是我每个功能,回调的方法肯定不同,我当时就迷糊了,不知道怎么弄,后来,明白了,可以根据传入的参数,来区别调用到底调用哪个函数,比如上面的那个例子吧,当我调用confrim()时,其实我就可以通过传入1或者2来控制调用哪个函数。openConfirm (x)