使用AngularJS返回数据 - Bootstrap模态确认工厂

时间:2015-11-11 17:39:45

标签: angularjs

我想知道如何从我创建的提示/确认工厂返回数据。

其他一切正在运行 - 模态正在显示属性等。现在当您单击确认它在控制台中记录“true”时 - 但没有返回数据。

这是我的工厂

angular
  .module('app:Admin')
  .factory('NotificationService', function ($modal, $alert) {
    return {
      alert: function (data) {
        $alert(data);
      },
      prompt: function (data) {

        var promptModal = $modal({
          controller: promptController,
          content: data.content,
          title: data.title,
          templateUrl: 'promptModal.html',
          show: true
        });

        //promptModal.$promise.then(promptModal.show);
        //promptController.$inject = ['$scope', '$rootScope'];

        function promptController($scope, $rootScope) {
          $scope.confirm = function () {
            console.log('true');
            return true;
          }
        }

      }
    }
  });

这是我在删除按钮上的ng-click功能

$scope.removeGateway = function (index) {
  var data = {
    'title': 'Are you sure?',
    'content': 'Deleting this gateway cannot be undone.',
  }
  if (NotificationService.prompt(data)) {
    $scope.gatewayItems.splice(index, 1);
  }
}

这是我的模态代码

.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(); $hide()') Delete

1 个答案:

答案 0 :(得分:1)

我收到了AngularStrap github页面上贡献者的回复。

https://github.com/mgcrea/angular-strap/issues/1505