关闭动画，模态，角度-ui

Question

是否可以为angular-ui中的模式指令关闭动画？ http://angular-ui.github.io/bootstrap/

在选项中找不到任何内容。我应该修改来源吗？还是要定制时有什么最佳实践？

Answer 1

当前，引导程序类已嵌入指令中，需要覆盖。如果要防止垂直“漂移”到模态窗口的位置，请在CSS中放置以下2个类：

.modal.fade {
  opacity: 1;
}

.modal.fade .modal-dialog, .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

您将在这里完成的是否定现有的翻译。不理想，但是可以解决问题。

Answer 2

动画（类型：boolean，默认值：true）-设置为false以禁用新模式/背景上的动画。不切换已显示的模态/背景的动画。

var modalInstance = $uibModal.open({
  animation: false

Answer 3

关闭动画的一种简单方法是将！important样式添加到模态中。

对于所有模式]

您可以使用此CSS类对所有模态进行全局处理（将其放在CSS的任何位置）：

.modal {
   top: 25% !important;
   opacity: 1 !important;
}
它将消除“自上而下滑动”动画以及不透明度动画。我个人更倾向于只消除第一个，并且仅使用top：25％！important;

您还可以使用此类（将其放在CSS中的任何位置）：<>消除背景动画globally

：

.modal-backdrop {
   opacity: 0.8 !important;
}
对于特定模态

您可以使用windowClass参数消除特定模态的动画。

.no-animation-modal {
  top: 25% !important;
  opacity: 1 !important;
}
使用windowClass：

var modalInstance = $modal.open({
  templateUrl: 'myModalContent.html',
  controller: ModalInstanceCtrl,
  windowClass: 'no-animation-modal'
});

Answer 4

没有完整的答案，但是我遇到了类似的问题，并认为我会提出建议。我知道以前在angular-ui / bootstrap 0.5中是可行的。 0.6中可能会有重大更改，我正在尝试寻找答案，但是文档非常缺乏。

Answer 5

无论animation: false或animation: true，以下内容对我来说都很有效：