Angular 2中的子组件

时间:2017-01-04 15:30:48

标签: angular

在Angular 2中,我有一个组件,它显然是另一个组件的子组件。例如,Contact组件中的ContactsPage组件。自从引入模块以来,我现在必须将ContactComponent添加到我的NgModule的declaration部分,使Contact组件可用于模块中的所有HTML模板。这给了我两个问题:

  1. 将组件层次结构树展平为一个列表,使项目结构更难以遵循
  2. 命名空间也是扁平化的,如果我在<contact>之外意外引用ContactsPage,我会发现错误。我还想创建非常本地的子组件,例如<entry>,而不必担心我的应用程序中其他位置的名称冲突。
  3. 是否无法仅在特定组件中提供子组件?或者,我应该将每个具有子组件的组件转换为模块吗?

1 个答案:

答案 0 :(得分:1)

您可以将ContactContactsPage移至ContactsModule NgModule,然后将此模块添加到您要使用imports <的模块ContactsPage / p>