我是 ng-boostrap的新用户,并按照他们的getting started指南进行操作。这是代码的重要部分。
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(){}
这也是您导入angular material
中类似的组件模块的方法任何人都可以对此有所了解吗?
答案 0 :(得分:4)
是的,它会导入所有组件。您可以看到it here:
@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,
...
您只能直接导入您感兴趣的模块。