如何禁用ngx-bootstrap模态动画?

时间:2017-12-20 07:07:13

标签: angular animation ngx-bootstrap ngx-bootstrap-modal disable

有没有办法禁用ngx-bootstrap modal的动画?

我尝试添加此配置,但它不起作用:

config = {
  animated: false,
  backdrop: 'static'
};

演示:

https://stackblitz.com/edit/ngx-bootstrap-cwfhnu?file=app%2Fmodal-component%2Fstatic-modal.component.html

模态仍然显示动画。

因为在某些情况下,当用于更复杂的网页时(例如点击后2秒钟),模态显示速度非常慢,因此在禁用动画时可能会更好。

1 个答案:

答案 0 :(得分:4)

现在,您只能在使用BsModalService时禁用动画。

以下是其用法示例:

https://stackblitz.com/edit/ngx-bootstrap-k25ywj?file=app/app.component.ts

this.modalService.show(template, {
   animated: false
});