我正在建立一个工厂,用于在用户尝试删除元素时控制提示。我无法弄清楚如何使用关闭按钮解除操作,或者如果确认则删除。
这是控制器中的代码。
$scope.removeGateway = function (index) {
var data = {
'title': 'Are you sure?',
'content': 'Deleting this gateway can not be undone.',
}
if (NotificationService.prompt(data)) {
$scope.gatewayItems.splice(index, 1);
}
}
这是我的工厂
angular
.module('App:Admin')
.factory('NotificationService', function ($modal, $alert) {
return {
alert: function (data) {
$alert(data);
},
prompt: function (data) {
var promptModal = $modal({
content: data.content,
title: data.title,
templateUrl: 'promptModal.html',
show: false
});
promptModal.$promise.then(promptModal.show);
var confirm = function () {
promptModal.hide;
return true;
}
},
}
});
这是我的模态模板
.modal(tabindex='-1', role='dialog')
.modal-dialog
.modal-content
.modal-header
button.close(type='button', ng-click='$hide()') ×
h4.modal-title(ng-bind="title")
.modal-body
p(ng-bind="content")
.modal-footer
button.btn.btn-default(type='button', ng-click='$hide()') Close
button.btn.btn-danger(type='button', ng-click='confirm()') Delete