javascript - $uibModalInstance 是否具有 .ready 或 .opened 之类的属性？

Question

$uibModalInstance 是否具有 .ready 或 .opened 之类的属性？我正在尝试根据传递给它的数据更改 UI Bootstrap 模式中元素的 CSS 类。加载模态后，我需要一种方法来触发该功能。我知道 $uibModal 具有 .opened、.close 和 .rendered 等属性，但这会在创建模态的控制器中触发，而不是在模态控制器本身内触发。而且由于所有数据都在模态控制器中，我无法从外部控制器访问它。

有什么建议么？

Answer 1

您可以在模态控制器中访问 $uibModalInstance 并执行以下操作：

angular.module('ui.bootstrap.demo').controller('ModalInstanceCtrl', function ($scope, $uibModalInstance, items) {
  $uibModalInstance.rendered.then(function() {
    alert('modal has rendered');
  });

  $uibModalInstance.opened.then(function() {
    alert('modal has opened');
  });

  $uibModalInstance.closed.then(function() {
    alert('modal has closed');
  });
});