AngularStrap模态工厂 - 解除/确认提示功能

时间:2015-10-15 17:32:44

标签: angularjs modal-dialog angular-strap

我正在建立一个工厂,用于在用户尝试删除元素时控制提示。我无法弄清楚如何使用关闭按钮解除操作,或者如果确认则删除。

这是控制器中的代码。

$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

0 个答案:

没有答案