javascript - Angular 中的多层嵌套组件

Question

我正在使用 Angular 5+，我想创建 3 层以上的嵌套组件。

这是我可以做什么的示例。

<my-app>
<first></first>
<second></second>
</myapp>

这是我不能做的事情。

<my-app>
<first><second></second></first>
</myapp>

我的应用程序模块中有以下代码。

@NgModule({
  declarations: [
    AboutPage,FirstComponent,SecondComponent
  ],
  imports: [
    IonicPageModule.forChild(AboutPage),
    ],
})

export class AppModule{}

请注意，AppModule 不是根模块，但它也是惰性加载组件。

Answer 1

您必须实现 <second></second> <first></first> 内部的组件的组件模板。

@Component({
  selector: 'first',
  template: '<second></second>'
})
export class FirstComponent { ... }

你的模块是正确的