在根/主模塊中使用時，角度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子模塊的組件不起作用

回答

相關問題