为什么 Angular 要求我们在声明数组和 entryComponents 数组中声明动态组件？

Question

我正在为我的一个项目实施动态组件。动态组件的概念是一旦需要它们就会进入内存，并且在任何模板中都没有引用。

根据官方docs的说法，我们在entryComponents中声明了这些组件，以防止它们在摇树过程中被丢弃，因为它们没有模板引用。

下面是app.module.ts，我在entryComponents数组中声明了我的两个动态组件SlideOneComponent和SlideTwoComponent：

  @NgModule({
  declarations: [
    AppComponent,
    ButtonComponent,
    AdDirective
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  entryComponents: [
      SlideOneComponent,
      SlideTwoComponent,
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

上面app.module.ts我收到以下错误：

只要将两个动态组件都添加到declarations 数组，上述错误就会消失。上述官方文档还说，我们不需要声明可从entryComponents 或bootstrap 组件访问的组件。我也访问了this 答案，但这似乎不够令人满意，因为它是关于 Ionic 的。

请帮助我知道我在这方面缺少什么。提前致谢！ :)

Answer 1

从这句话中可以看出（在阅读字里行间）：

虽然 @NgModule 装饰器有一个 entryComponents 数组，但大多数 您不必显式设置任何条目组件的时间，因为 Angular 添加了 @NgModule.bootstrap 中列出的组件以及 自动路由定义到入口组件。

您将常用组件添加到 EntryComponents 数组中隐式，这意味着它们被添加到两个数组中 - Declarations 和 EntryComponents（而您只在 Declarations 数组中添加了它）。因此，您还必须将动态组件显式添加到两个数组中。

声明 目的是使指令（组件等）可用于模块中的其他类，并将其选择器与 HTML 匹配。

EntryComponents 告诉 Angular 创建一个 componentFactory，它是由编译器根据您在 @Component 装饰器中提供的元数据创建的，因此您以后可以在 createComponent() 中使用它。

正如所见，这两个数组的用途非常不同，并且两者都是创建组件所必需的。如果组件不是动态创建的，编译器会读取它的元数据并创建一个componentFactory，但是编译器不知道动态组件，所以你必须在它运行之前通知它动态组件，因为他只运行一次 - 在编译时:)