ngx-bootstrap 下拉菜单在其他模块中不起作用

Question

这个问题会让我误以为是 Angular 的新手，尽管我已经使用它很长时间了。我需要帮助解决这个问题吗？我正在尝试使用 Ngx-Bootstrap 下拉列表，当我在 AppModule 中使用它时，这有效，但是当我尝试在应用程序的其他模块中使用它时，这不起作用。我试图将其导入到示例代码中解释的其他模块中，但这不起作用。我在 Angula 5 中有一个应用程序，它在过时的版本中使用这个库，它对我来说工作得很好，但是当我尝试在最新版本的 Angula 13 中使用它时，它不起作用。我创建了一个具有相同场景的示例项目，但得到了相同的结果。

https://stackblitz.com/edit/angular-ivy-fsjxn8

我还尝试在新模块中导入 BsDropdownModule 模块，但这会导致应用程序无法工作。

Answer 1

将身份验证模块更新为

import { BsDropdownModule } from 'ngx-bootstrap/dropdown
@NgModule({
  imports: [CommonModule, AuthRoutingModule, BsDropdownModule.forRoot()],
  declarations: [MainComponent],
  bootstrap: [],
})
export class AuthModule {}

记得关注BsDropdownModule的库

来自 从 'ngx-bootstrap/dropdown/public_api' 导入 { BsDropdownModule } ;

从 'ngx-bootstrap/dropdown' 导入 { BsDropdownModule } ;

我已经更改了您的项目，如果您想检查请参阅此链接

它应该可以工作，有一个很好的编码！

Answer 2

首先，它检查版本的兼容性： 在此输入链接描述 其次，添加一个新的 ngx-bootstrap@yourVersionCompatibility --save C：。