javascript - 點擊select框選項 彈出ngDialog 點擊取消的時候 關閉彈出框 希望select框的值不變

問題描述

//views< select ng-model='nextparam.emscaapportionh.imp_erp_type' ng-options='m.itemValue as m.itemName for m in impErpTypes' ng-disabled='!isErpTypeEdit' ng-change='impErpTypeChange()' > </select >

//ngDialogCtrl(function () { ’use strict’; angular.module(’app’).controller('ngDialogCtrl', [’$scope’, function ($scope) {$scope.msg = $scope.dialog ? $scope.dialog.msg : ’確認要執行嗎？’; }]);})();

//業務邏輯$scope.openConfirmDialog = function (callback, msg) {$scope.dialog = {msg: msg }; ngDialog.openConfirm({template: ’app/app_common/views/ngdialog.confirm.html’,plain: false,showClose: true,closeByDocument: true,closeByEscape: true,scope: $scope,width: ’20%’,controller: ’ngDialogCtrl’ }).then(callback);}; //修改導ERP類型$scope.impErpTypeChange = function () { var impErpTypeChangeFun = function () {$scope.budgetGridOptions.data = []; }; $scope.openConfirmDialog(impErpTypeChangeFun, ’更改導類型將會清空明細，是否繼續？’);}

問題解答

看了ngDialog api，加多一個preCloseCallback屬性即可

$scope.openConfirmDialog = function (callback, closeCallback ,msg) { $scope.dialog = {msg: msg }; ngDialog.openConfirm({template: ’app/app_common/views/ngdialog.confirm.html’,plain: false,showClose: true,closeByDocument: true,closeByEscape: true,scope: $scope,width: ’20%’,controller: ’ngDialogCtrl’,preCloseCallback:closeCallback, }).then(callback);}//修改導ERP類型$scope.oldImpErpType = $scope.nextparam.emscaapportionh.imp_erp_type;$scope.impErpTypeChange = function(){ var impErpTypeChangeFun = function () { $scope.$emit('changeImpErpType'); }; var closeFun = function(){$scope.nextparam.emscaapportionh.imp_erp_type = $scope.oldImpErpType; } $scope.openConfirmDialog(impErpTypeChangeFun, closeFun,’更改導ERP類型將會清空預提明細，是否繼續？’);}