ng-bootstrap是否正在导入所有组件

Question

我是ng-boostrap的新手，并按照他们的入门指南进行操作。 这是代码的重要部分。

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
 ...

@NgModule({

  imports:      [ 
   NgbModule.forRoot(),
    ...
   ],

即使我不使用ng-bootstrap，它也会导入ngb-carousel，ngb-progressbar等所有组件吗？

还有另一个引导程序库ngx-bootstrap确实会像这样导入每个组件

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

这也是您导入角材料相似的组件模块的方式

谁能对此有所启发？

Answer 1

是的，它会导入所有组件。 您可以在这里看到它 ：

@NgModule({
  imports: [
    NgbAlertModule.forRoot(), NgbButtonsModule.forRoot(), ...
  ],
  exports: NGB_MODULES
})
export class NgbRootModule {
}

@NgModule({imports: NGB_MODULES, exports: NGB_MODULES})
export class NgbModule {
  static forRoot(): ModuleWithProviders { return {ngModule: NgbRootModule}; }
}

这样做是为了方便。 由于单个模块也被导出：

export {
  NgbAccordionModule,
  NgbPanelChangeEvent,
  ...

您只能直接导入您感兴趣的模块。