angular的對話方塊外掛-ng-dialog的用法
阿新 • • 發佈:2019-01-06
首先提供一個了連結地址,可以看到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)