如何避免在Angular组件TS文件顶部导入模型类？

你之前的思路错在把Angular的依赖注入配置和TypeScript的类型导入混为一谈了：

• 把模型放进NgModule的providers数组，只是告诉Angular可以把这些类当作可注入的服务，和TypeScript能不能识别类型没有任何关系。
• TypeScript是静态类型语言，所有你在代码里用到的类型（比如Tool），必须显式导入到当前文件，编译器才能识别它。

没法完全不用导入，但可以通过聚合导出大幅减少重复的导入代码：

1. 在model目录下创建一个index.ts文件，统一导出所有模型：

// /model/index.ts
export * from './tool.model';
export * from './color.model';
export * from './search-option.model';
// 把所有模型文件都加在这里

2. 之后组件里只需要一次导入就能拿到所有需要的模型：

// result.component.ts
import { Tool, Color, SearchOption } from '../model';

如果你的模型只是纯TypeScript接口/类型（没有需要Angular注入的逻辑），那ModelModule完全没必要存在——providers是给需要依赖注入的服务用的，纯模型类/接口不需要放进NgModule里。

如果硬要追求“不用导入”，可以把模型声明成全局类型：
在项目的src/typings.d.ts（没有就新建）里添加：

declare type Tool = import('./model/tool.model').Tool;
declare type Color = import('./model/color.model').Color;

但这种方式会污染全局命名空间，大型项目很容易出现类型名冲突，完全不推荐在正式项目里用。

内容的提问来源于stack exchange，提问作者Diego Alves