You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular共享模块中UI相关类型定义文件存放的官方推荐方式是什么

Angular 共享模块UI模型文件存放规范

你的当前存放方案完全符合Angular官方推荐的项目结构约定,具体规则如下:

  • 与特定模块强绑定的接口、类型定义等模型文件,统一放在对应模块目录下的models/子目录中
  • 文件名遵循[模型名].model.ts的官方命名约定,你使用的phone-number.model.ts命名完全合规
  • 该PhoneNumber接口仅服务于SharedModule下的PhoneInputComponent组件,属于UI配套专用模型,不属于通用业务域模型,不需要移动到全局核心目录:
export interface PhoneNumber {
  prefix: string;
  value: string;
}

官方对应规则说明:同一功能模块的所有关联文件需保存在同一目录下,避免跨模块随意分散依赖。.model.ts后缀专门用于标记数据模型、接口定义类文件,共享模块下仅为组件配套提供的专用类型定义,应当跟随所属共享模块存放,保障模块的可移植性,无需额外拆分到全局目录。

如果后续该PhoneNumber接口脱离UI组件也可被多个业务模块复用,再考虑将其迁移到全局src/app/core/models/目录下即可。

内容的提问来源于stack exchange,提问作者Some random IT boy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.01 03:36:03