在Angular项目中放置类型/类的位置

时间:2018-08-31 22:02:10

标签: angular typescript

我有一个看起来像这样的项目结构:

e2e
src
  app
  assets
  modules
    core
    shared
    features
      one
      two 
      three
        components
          ...
        constants
          ...
        services
          ...
        three-routing.module.ts
        three.module.ts

one twothree都具有相同的内部结构,但是我想知道应该在哪里放置一些类来表示例如ThreeThreeRetrievalError。目前,我将对象three用作没有类型检查或强制执行的任何对象。

1 个答案:

答案 0 :(得分:2)

Angular Style Guide建议创建用于声明类型/数据模型的接口。

  

考虑对数据模型使用interface

此外,考虑命名这些接口时不要在其名称前加上I,因为它们与TypeScripts命名约定冲突。

  

考虑为interface命名,不加前缀I

虽然没有关于应将其保存在何处的既定指南。这完全取决于您希望文件和文件夹结构如何。

话虽如此,我通常更喜欢将它们保存在自己的文件夹中。因此,我想您可以在文件夹three中创建一个model文件夹,其中将包含three.model.tsthree-retrieval-error.model.ts接口文件。这些文件的命名源自this rule from the Angular Style Guide

  

请遵循描述符号特征及其类型的模式。推荐的模式是feature.type.ts