如何在sharedModule中使用DatePickerComponent

Question

我有一个DatePickerComponent在AppModule中可以正常工作。 我创建了一个SharedModule以在不同的模块中使用datePicker，我在其中包含了DatePickerComponent。 那就是我的SharedModule的样子

here

然后我将ShareModule导入到AppModule中。

@NgModule({ imports: [ SahredModuleModule, ...] export class AppModule { }

I got this error

Answer 1

将NgbModule也添加到SharedModule的导出数组中。这就是DatePicker加载所需要的。

类似这样的东西：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';

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

import { NgbdDatepickerBasic } from '../datepicker-basic';

@NgModule({
  imports: [
    CommonModule,
    NgbModule,
    FormsModule
  ],
  declarations: [NgbdDatepickerBasic],
  exports: [
    NgbdDatepickerBasic, 
    NgbModule /*THIS RIGHT HERE*/
  ]
})
export class SharedModule { }

---

  

这是您推荐的Working Sample StackBlitz。