在根/主模块中使用时，角度4子模块的组件不起作用

我有一个名为SubModule的角度模块（@ngModule），其中包含一个名为SubComponent的组件，它带有CSS选择器'app-subcomp'。在根/主模块中使用时，角度4子模块的组件不起作用

我已经将这个子模块导入到我的AppModule（应用程序外壳）中。所以我的AppModule（@ngModule）包含具有'app-root'css选择器和一个子模块（SubModule）的AppComponent。

当我向我的app.component.html中写入'< app-subcomp>'时，它不会呈现sub.component.html。

但是当我直接声明我的SubComponent到AppModule中时，它的工作正常。

不确定为什么它不是在第一种情况下渲染？

请建议。

谢谢

sub.module.ts

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { SubComponent } from './sub.component'; 

@NgModule({ 
    imports: [ CommonModule ], 
    declarations: [SubComponent], 
}) 
export class SubModule { }

来源

2017-12-27 Atul

我们可以玩一百万的职位或者你可以分享你的代码 – Iancovici

做您在子模块中导出SubComponent？分享sub module.ts代码 –

Hi Deepak，以下是子模块代码 - 从'@ angular/core'导入{NgModule}; 从'@ angular/common'导入{CommonModule}; 从'./sub.component'导入{SubComponent}; @NgModule（{ 进口： CommonModule ]，声明：子]， }）出口类子模块{} – Atul

必须导出SubComponent：

@NgModule({ 
    imports: [ CommonModule ], 
    declarations: [SubComponent], 
    exports: [SubComponent], 
}) 
export class SubModule { }

来源

2017-12-27 13:03:35 szmitas

谢谢，它现在可以工作。所以出口不见了 – Atul

在根/主模块中使用时，角度4子模块的组件不起作用

回答

相关问题