angular7 - ng-zorro datepicker 组件在 Lazy Loaded 功能模块中的错误

Question

Ant Design 的 NG-ZORRO 如果在核心 app.module 中导入就很简单了

我的用例:我想在 UiLibraryModule 中加载 ngZorro(它设置 Zorro 的提供者并重新导出 NgZorroAntdModule)并通过 Feature1Module 将其导入，并跳过将其导入 app.module(对于更轻的 vendor.js)

如果 ng-zorro 不包含在 app.module 中，我在调用 ng-zorro datepicker 组件时会收到此错误:StaticInjectorError(AppModule)[DatePipe]:..... NullInjectorError:没有 DatePipe 的提供者!

如果 UiLibraryModule 也在 app.module 中导入，一切正常(但自然地，有一个巨大的 vendor.js)

问题(最佳猜测):ngZorro 只有在核心 app.module 中导入时才能正常工作。但这违背了让 Feature1Module 延迟加载它的全部目的。

关于如何完全从延迟加载模块加载 ng-zorro 有什么建议吗？

Answer 1

我是 ng-zorro 团队的成员。 :)

坦率地说，这是一个错误。这是因为 DatePicker 使用了一个名为 DateHelperService 的服务，该服务依赖于 DatePipe。

@Injectable({
  providedIn: 'root',
  useFactory: DATE_HELPER_SERVICE_FACTORY,
  deps: [Injector, [new Optional(), NZ_DATE_CONFIG], DatePipe]
})

目前，您可以在AppModule 中提供DatePipe。我们会在下一个版本中修复它。感谢您发现此错误。 🍻