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

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值