2

加载模式是正确创建的,但是当 finally 块被击中时它不会关闭它。这有什么已知的原因吗?加载时间很短,但在有延迟的情况下我仍然需要它。我正在使用设备和 Chrome 进行测试 - 只有在 Chrome 中运行时才会出现此问题。

$scope.init = function() {
  var dialog = Modals.openLoadingModal();

  OfflineManager.getTemplates().then(function(templates) {
    $scope.templates = templates.map(function(e) {
      // get e
      return e;
    });

    OfflineManager.getInspections().then(function(inspections) {
      $scope.inspections = inspections.map(function(e) {
        // get e
        return e;
      });
    }).finally(function() {
      dialog.close();
    });
  });
};

模态视图:

<div class="loadingModal">
  <data-spinner data-ng-init="config={color:'#fff', lines:8}" data-config="config"></spinner>
</div>

模态服务:

this.openLoadingModal = function(callback) {
  var opts = {
    backdrop: true,
    backdropClick: false,
    keyboard: false,
    templateUrl: 'views/modals/loading.html'
  };
  return this.open(opts, callback, null);
};


this.open = function(opts, closeHandler, dismissHandler, model) {
  opts.resolve = { modalModel:function() { return model; }};
  opts.controller = opts.controller || 'ModalController';

  $('div, input, textarea, select, button').attr('tabindex', -1);

  var modalInstance = $modal.open(opts);
  modalInstance.result.then(function(result) {
    $('div, input, textarea, select, button').removeAttr('tabindex');
    if (closeHandler) {
      closeHandler(result);
    }
  }, function(result) {
    $('div, input, textarea, select, button').removeAttr('tabindex');
    if (dismissHandler) {
      dismissHandler(result);
    }
  });
  return modalInstance;
};
4

2 回答 2

0

经过一番搜索,我找到了以下解决方案,该解决方案等到模式完成打开后再执行:

.finally(function() {
    dialog.opened.then(function() {
      dialog.close();        
    });
});

来源: 模态加载后调用函数 angularjs ui bootstrap

于 2015-12-10T15:02:53.027 回答
0

根据 ui.bootstrap 文档 - http://angular-ui.github.io/bootstrap/versioned-docs/0.13.3/#/modal

result - 当模式关闭时解决的承诺并在模式关闭时被拒绝

看起来您正在尝试使用错误的承诺来执行您的逻辑。 result作为调用的产物被触发$modalInstance.closeor $modalInstance.dismiss。如果您尝试以编程方式关闭您的模态(而不是通过模态模板/控制器中的 ng-click 关闭),您需要调用$modalInstance.close$modalInstance.dismiss直接调用,那么result.then将执行。

于 2015-12-10T16:35:30.643 回答