angular - 从 Angular 模块导出 Typescript 接口(interface)

Question

我有一个正在导出的 Typescript 接口(interface) IBreadcrumbNavigation。我可以通过 import { IBreadcrumbNavigation } from 'app/shared/interfaces/breadcrumbNavigation';

在 Angular 组件中使用它

但是，组件的模块已经导入了一个 SharedModule。我想将 IBreadcrumbNavigation 接口(interface)放在 SharedModule 中，这样我就不需要将它显式导入到要使用它的每个组件中。

在我的 SharedModule 中有

import { IBreadcrumbNavigation } from './interfaces/breadcrumbNavigation';

@NgModule({
    declarations: [
        IBreadcrumbNavigation
    ],
    exports: [
        IBreadcrumbNavigation
    ]
})
export class SharedModule { };

TypeScript 给出错误“'IBreadcrumbNavigation' 仅引用类型，但在此处用作值。”

如果我将 IBreadcrumbNavigation 从接口(interface)更改为类，错误就会消失。

是否有解决此问题的好方法，还是我只需要将接口(interface)直接显式导入每个组件？

Answer 1

如果它不是组件、管道、指令、模块，您只需在您想要的模块中导入接口(interface)。必须导出接口(interface)

在“./interfaces/breadcrumbNavigation”中；

export interface IBreadcrumbNavigation {
   ...
} 

在来自其他模块的 x 组件中，您只需导入接口(interface)

import { IBreadcrumbNavigation } from 'pathToOtherModule/interfaces/breadcrumbNavigation';