AngularJS 2 - 如何將一個模塊中定義的組件包含到另一個模塊中

Question

已在應用程序下創建了2個模塊。

應用程序/ util的 - 在util.module.ts

應用程序/帖定義具有微調組分 - 具有主頁顯示文章服務器收集。在這個組件中，當我從服務器獲取詳細信息時，我想顯示微調組件。

獲取以下錯誤。

未處理無極排斥：模板解析錯誤： 「微調」不是一個已知元素：

1. 如果「微調」是角度成分，然後驗證它是該模塊的一部分。

2. 如果'spinner'是一個Web組件，則將「CUSTOM_ELEMENTS_SCHEMA」添加到此組件的「@ NgModule.schemas」中以禁止此消息。 （「[ERROR - >]」）：PostsMainComponent @ 0：0;區域：;任務：Promise.then;價值：錯誤：模板解析錯誤：（...）錯誤：模板解析錯誤： '微調' 不是一個已知的元素：

_

app/util/util.module.ts 
------------------------ 
import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { SpinnerComponent } from './spinner.component'; 
import { UnsavedGuard } from './unsaveguard'; 

@NgModule({ 
    imports:  [ CommonModule ], 
    declarations:[ SpinnerComponent ], 
    exports:  [ SpinnerComponent ], // already defined exports. 
    providers: [ UnsavedGuard ] 
}) 
export class UtilModule { 
} 

Answer 1

您需要導入utils模塊您的app模塊，如果不是post模塊，則將其添加到imports部分下。

Answer 2

你不能在兩個模塊中聲明組件，相反，你需要在你的posts模塊中導入你的utils模塊。

@NgModule({ 
    imports:  [ UtilModule ] // ... and the rest 
}) 
export class PostsModule { 
}