在root / main模块中使用时，子模块的Angular 4 Component无法正常工作

Question

我有一个名为SubModule的角度模块（@ngModule），它包含一个名为SubComponent的组件，带有css选择器＆app-subcomp＆＃39;。

我已将此子模块导入AppModule（应用程序shell）。所以我的AppModule（@ngModule）包含AppComponent和＆＃39; app-root＆＃39; css选择器和一个子模块（SubModule）。

当我写＆＃39;＆lt; app-subcomp＆gt;＆＃39;进入我的app.component.html，它不呈现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 { }

Answer 1

您必须导出SubComponent：

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