Angular ngx-bootstrap 崩溃不是动画的

# 解决Angular ngx-bootstrap动画崩溃的问题

typescript
// app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { ModalModule } from 'ngx-bootstrap/modal';
import { AppComponent } from './app.component';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    ModalModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

html
打开模态框
  
    
      
        
模态框标题
        
          ×
        
      
      
        
        
这是模态框的内容。
      
    
  

typescript
// app.component.ts
import { Component } from '@angular/core';
import { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  modalRef: BsModalRef;
  constructor(private modalService: BsModalService) {}
  openModal() {
    this.modalRef = this.modalService.show(ModalContentComponent);
  }
}

typescript
// app.module.ts
// ...
@NgModule({
  // ...
  imports: [
    BrowserModule,
    ModalModule.forRoot({
      animated: false // 禁用动画
    })
  ],
  // ...
})
export class AppModule { }