首页 文章

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

提问于
浏览
0

我有一个名为SubModule的角度模块(@ngModule),它包含一个名为SubComponent的组件,带有css选择器'app-subcomp' .

我已将此子模块导入AppModule(应用程序shell) . 所以我的AppModule(@ngModule)包含带有'app-root'css选择器和一个子模块(SubModule)的AppComponent .

当我将'<app-subcomp>'写入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 { }

1 回答

  • 3

    你必须导出 SubComponent

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

相关问题