Question

在app下创建了2个模块。

app / util - 在util.module.ts中定义了spinner-component

app / posts - 有主页显示从服务器收集的帖子。在此组件中，我想在从服务器获取详细信息时显示微调器组件。

低于错误。

未处理的承诺拒绝：模板解析错误：＆＃39;旋转器＆＃39;不是一个已知元素：

如果＆＃39; spinner＆＃39;是一个Angular组件，然后验证它是否是该模块的一部分。
如果＆＃39; spinner＆＃39;是一个Web组件，然后添加＆＃34; CUSTOM_ELEMENTS_SCHEMA＆＃34;到了＆＃39; @ NgModule.schemas＆＃39;此组件禁止此消息。（＆＃34; [ERROR - ＆gt;]＆＃34;）：PostsMainComponent @ 0：0;区域：;任务：Promise.then;值：错误：模板解析错误：（...）错误：模板解析错误：＆＃39;旋转器＆＃39;不是一个已知元素：

_

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 { 
}

AngularJS 2 - 如何将一个模块中定义的组件包含到另一个模块中

2 个答案: