1. 程式人生 > >angular的對話方塊外掛-ng-dialog的用法

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)