1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > angular的对话框插件-ng-dialog的用法

angular的对话框插件-ng-dialog的用法

时间:2018-07-22 06:17:11

相关推荐

angular的对话框插件-ng-dialog的用法

首先提供一个了链接地址,可以看到ng-dialog的API:/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)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。