Angular 2(使用CLI)和类型 - 最佳实践

时间:2016-12-07 19:00:17

标签: angular typescript angular-cli

我开始使用Angular 2,到目前为止我喜欢它。对于像我这样的初学者来说,它非常复杂,但从我所知道的,它是值得的。 我已经完成了Angular 2 Tour of Heroes教程,现在我将自己的应用程序从常规html / js转换为Angular 2.我在此过程中使用了Angular CLI。

我想知道,关于在几个组件中使用类型声明的最佳做法是什么?

在“英雄之旅”教程中,创建了一个单独的文件" hero.ts",其中包含一个单独的类,用于定义" Hero"类型。在我看来,如果我需要更多类似的类型,它会很快膨胀应用程序的文件结构。我应该:

  1. 在单个类型文件中声明它们
  2. 在使用它们的服务中声明它们
  3. 为声明类型的每个类创建一个新文件
  4. 我还有另外一个问题,如果你不介意的话:我会更好地创建一个与应用程序API交互的服务,或者为API的每个部分创建多个服务(因为它是一个相当大的API,因此,会产生一个大的服务?

1 个答案:

答案 0 :(得分:0)

样式指南建议每个类一个文件。

如果您想为类创建一个文件夹,您仍然可以使用angular-cli在该文件夹中生成新类:

ng g class models/hero将创建./src/app/models/hero.ts (必须首先创建模型文件夹)

甚至更深,例如在组件目录中,假设我们有一个about-component并且想要一个许可级别。

mkdir ./src/app/about/models ng g class about/models/license

如果你不把你的模型放在文件夹中,你应该让文件名显示它是一个模型,angular-cli有助于命名文件和类;你可以这样写:

ng g class personModel,cli将文件命名为person-model.ts 并且文件将如下所示:

export class PersonModel {
}

您可以在样式指南中阅读更多内容: https://angular.io/styleguide

样式指南会告诉您为license-model.ts这样的模型命名,但它也会告诉您不要重复自己,并且可以识别文件的内容,例如/about/models/licence.ts可让您轻松查看文件内容,并在代码中使用时也很清楚。

import { Licence } from './models/licence'