解决这个问题的一种方法是通过使用ChangeDetectorRef来手动触发变更检测。下面是一个示例代码：

import { Component, ViewChild, ChangeDetectorRef } from '@angular/core';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'app-example',
  template: `
    Open Modal
    
      

        
Modal Title
      
      

        Modal Content
      
      

        Close
      
    
  `,
})
export class ExampleComponent {
  @ViewChild('content') modalContent: any;

  constructor(private modalService: NgbModal, private cdr: ChangeDetectorRef) {}

  openModal() {
    const modalRef = this.modalService.open(this.modalContent);
    modalRef.result.then(
      () => {},
      () => {
        // Handle modal dismissed
      }
    );
    this.cdr.detectChanges(); // 手动触发变更检测
  }

  closeModal() {
    this.modalService.dismissAll();
  }
}

在上面的例子中，我们通过调用ChangeDetectorRef的detectChanges方法来手动触发变更检测。这样可以确保在打开模态框后立即进行变更检测，从而避免ExpressionChangedAfterItHasBeenCheckedError错误的发生。