Angular 6中结合RxJS与BehaviorSubject的ngb-modal无法正常工作

Hey，我排查了你的代码实现，发现几个关键问题导致点击按钮后模态框毫无反应：

1. 模态框服务缺少核心打开逻辑 #

你的ModalService里的open()方法只是触发了Subject事件，但完全没有调用ng-bootstrap的NgbModal.open()来真正启动模态框。这就像你喊了一声“开门”，但根本没伸手去拧门把手😂。修改ModalService的open()方法：

open() {
  // 如果你需要传递状态，可以保留这行；如果不需要可以直接删除
  this.modalOpenSubject.next(true);
  // 核心：调用ng-bootstrap的方法打开模态框组件
  this.modalService.open(ModalComponent);
}

2. 模态框组件未声明为动态组件 #

Angular 6中，像模态框这种动态创建的组件，必须在模块的entryComponents数组里声明，否则Angular无法识别并编译它。在AppModule里更新配置：

@NgModule({
  declarations: [AppComponent, ModalComponent],
  imports: [BrowserModule, NgbModule],
  // 新增这行，把ModalComponent加入动态组件列表
  entryComponents: [ModalComponent],
  providers: [ModalService],
  bootstrap: [AppComponent]
})
export class AppModule {}

3. 冗余的状态传递逻辑（可选优化） #

其实你完全不需要通过Subject来传递“打开模态框”的信号——直接在ModalService的open()方法里调用打开逻辑就够了，这样代码会更简洁。如果没有跨组件共享模态框状态的需求，可以直接移除modalOpenSubject相关的所有代码。

修改完成后，点击按钮就能正常弹出模态框啦！

内容的提问来源于stack exchange，提问作者zaggi