如何在另一个内部使用组件

Question

我无法使用app.module因为这是一个大型应用程序。 我要在该组件中使用此组件的组件没有模块文件。

我尝试导入它并使用@Ngmodule但是不起作用。

未捕获的错误：模板解析错误：'x'不是已知元素：

Answer 1

如果您的应用程序太大，则最好为功能创建不同的模块。 例如，您可以制作一个auth module然后在其中添加您的登录名和注册组件。 您必须声明属于该子模块内每个模块的组件。 对于该模块，您也可以添加一个单独的路由文件。 如果要将组件的选择器之一用作，则需要将其导出到子模块中。 不要忘记在您的子模块中导入CommonModule 。

@NgModule({
declarations: [
 BreadcrumbsComponent,
 ModalLoginComponent,
],
imports: [
 CommonModule,
 RouterModule,
 FormsModule,
 NgxSpinnerModule
],
exports: [
 BreadcrumbsComponent,
 ModalLoginComponent
]
})
export class SharedModule {}

并且在您的app.module您必须导入您的子模块。

@NgModule({
declarations: [
 AppComponent,
 WorldWideComponent,
 HeaderComponent,
 FooterComponent,
 PageNotFoundComponent
],
imports: [
 BrowserModule,
 BrowserAnimationsModule,
 AppRoutesModule,
 SharedModule,
 CoreModule,
 UserModule,
 NgbModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
}

Answer 2

您不会在指令中放置组件

您在@NgModule声明中注册它：

@NgModule({
imports: [ BrowserModule ],
declarations: [ App , MyChildComponent ],
bootstrap: [ App ]
})

然后您只需将其放在“父母的模板” HTML中，如下所示： <my-child></my-child>