Angular 如何将一个类导出到模块中,并在另一个模块中导入相同的类
我有一个类(Angular 如何将一个类导出到模块中,并在另一个模块中导入相同的类,angular,typescript,angular2-forms,ng-modules,Angular,Typescript,Angular2 Forms,Ng Modules,我有一个类(IGeneric)导出到模块a,我在模块B中导入了该模块(a),但我无法在模块B中使用导出的类(IGeneric) 注意:导出的类不是组件、指令和服务。它是纯类型脚本类 任何帮助都将不胜感激,提前感谢。我试图导出的类 export class IGeneric{ header : any[]; content : [{ lable :any, value :any }] } index如果您不想显示类的整个路径,则该文件将对您有所帮助 假设您有一个模块MyModule,
IGeneric
)导出到模块a,我在模块B中导入了该模块(a),但我无法在模块B中使用导出的类(IGeneric
)
注意:导出的类不是组件、指令和服务。它是纯类型脚本类
任何帮助都将不胜感激,提前感谢。我试图导出的类
export class IGeneric{
header : any[];
content : [{
lable :any,
value :any
}]
}
index
如果您不想显示类的整个路径,则该文件将对您有所帮助
假设您有一个模块MyModule
,其中包含IGeneric
类
igeneric.model.ts
export class IGeneric{
header : any[];
content : [{
lable :any,
value :any
}]
索引文件应该在您的模块MyModule
目录中
索引
export * from 'app/MyModule/igeneric.model';
然后在组件中可以导入
import {IGeneric} from 'app/MyModule'
这看起来像是ES6/Typescript模块导入/导出问题,而不是(完全不同且独立的)NgModule系统的问题。 如果是这种情况,则只需从.ts文件顶部的文件中导入所需的类,例如:
import { IGeneric } from './relative/path/to/definition';
然后像通常在组件/服务中一样使用该类
public generic: IGeneric;
有一个技巧可以隐藏模块中的详细信息,通过它您可以
- 只需将桶文件(通常命名为
)引入该模块,然后index.ts
- 导出要在该桶文件中导出的所有内容,然后
- 在尝试使用导出的类/接口或组件时导入模块路径李>
作为后续,还有一个例子来详细说明使用桶文件可以实现什么 您试图如何使用/使用
IGeneric
类?常规typescript类不需要在angular的提供程序中引用array@danimal同意,但是如果必须在组件中注入,那么它是必需的。OP没有提到注入,并且说它不是服务(因此不是需要注入的提供者)您好,阿米特,我有两个模块A和B。现在我已在模块A中导出IGeneric类,现在在模块B中导入模块A。但我仍然无法在模块中的组件中找到IGenericB@praveen您如何尝试访问组件中的类?我可以这样做,但我不想公开路径。我需要从模块中得到它,因为我在模块中已经有了它,所以我正在尝试从模块中得到它,所以您希望能够在其他地方使用该类的/instance/?是的,我将只导入该模块,我希望使用该模块中的所有类