问题描述： 在Angular 9项目中使用ngx-bootstrap库的modal组件时，遇到了打开modal时出现错误的问题。

解决方法：

1. 确保已正确安装并导入ngx-bootstrap库和相关模块。

   import { ModalModule } from 'ngx-bootstrap/modal';
   
   @NgModule({
     imports: [
       ...
       ModalModule.forRoot()
     ],
     ...
   })
   export class AppModule { }
   

2. 检查组件中是否正确引入了ModalService，并在构造函数中进行了注入。

   import { Component } from '@angular/core';
   import { BsModalService } from 'ngx-bootstrap/modal';
   
   @Component({
     ...
   })
   export class MyComponent {
     constructor(private modalService: BsModalService) { }
   
     openModal(template: any) {
       this.modalService.show(template);
     }
   }
   

3. 确保在HTML模板中正确使用了modal组件，并将模板引用变量传递给openModal方法。

   
     
   
       
   Modal Title
     
     
   
       Modal Content
     
     
   
       Save
       Close
     
   
   
   Open Modal
   

4. 如果仍然出现错误，尝试在组件的构造函数中将ModalService的实例化延迟一段时间，以确保在模块加载完成后再进行初始化。

   import { Component, OnInit } from '@angular/core';
   import { BsModalService } from 'ngx-bootstrap/modal';
   
   @Component({
     ...
   })
   export class MyComponent implements OnInit {
     constructor(private modalService: BsModalService) { }
   
     ngOnInit() {
       setTimeout(() => {
         // 进行modalService的操作
         this.openModal(myModal);
       }, 1000);
     }
   
     openModal(template: any) {
       this.modalService.show(template);
     }
   }
   

这些解决方法可以帮助您解决Angular 9中使用ngx-bootstrap库的modal组件打开错误的问题。请根据您的实际情况选择适用的解决方法。