Angular NgModule中的declarations和exports定义

我在app.component.ts的template文件里试图使用另一个Component时,遇到如下错误消息:

app-parent-child is not a known element:
Angular NgModule中的declarations和exports定义

在parent.module.ts定义里,检查exports区域里是否包含了selector app-parent-child对应的Angular Component:ParentChildComponent:

Angular NgModule中的declarations和exports定义

declarations: 定义了该NgModule的组成部分:Components, directives和pipe等。

Angular NgModule中的declarations和exports定义

imports:

module的imports里能导入其他module,这些被导入的module的declarations的Component也可以在发起导入的module里被使用了:

Angular NgModule中的declarations和exports定义

例子:

AppModule导入了ParentModule,因此其能使用后者export区域暴露的Component:

Angular NgModule中的declarations和exports定义

exports:

假设module A 导入了module B,则module A的declarations区域的所有Component,能使用module B的exports区域定义的Component:

Angular NgModule中的declarations和exports定义

更多Jerry的原创文章,尽在:“汪子熙”:
Angular NgModule中的declarations和exports定义

上一篇:nodejs模块中exports和module.exports的区别


下一篇:commonjs规范是什么?