如何在使用自定义JavaScript时淡化引导模式？

Question

我正在使用bootstrap css，但不是javascript（因为我使用的是Angular2）。

我有一个带有标准bootstrap标记的模态：

<div
  [ngClass]="{'in': viewModel.visible}"
  class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-sm">

问题是如果我将.modal设置为显示块，它会立即突然显示（不会淡入）。我需要按顺序复制bootstrap淡入淡出，而不使用jquery，我该怎么做？