Question

我正在看文档而迷路了。

ng generate interface <name> <type>

然而，它并没有告诉我们要输入什么类型。就像它只是一个字符串，对象，数组等，或者我可以指定像email:String username:String age:Number？

这样的属性

Answer 1

ng generate将生成

filename <name>.<type>.ts 含量：

export interface <name> { //camel case

}

即

ng generate interface Itest sometype 生成文件名itest.sometype.ts 含量

export interface Itest {
}

Answer 2

您必须使用新的Angular控制台，由于某些原因，它仅是“开发人员”选项，因此它需要“类型”。如果同时包含数据结构和方法，我将简单地使用“数据”，“方法”或“多”。我不认为它是指数据类型属性（数字，布尔值等）。 IMO在Angular Console中不需要。在您的情况下，我可能会使用“数据”，并按惯例给它一个大写的名字，如果以后需要一个方法的接口，请创建一个单独的接口。还要注意使用Angular Console时进入的目录。例如。我想要一个用于汽车数据的接口-在Angular Console中，它将是名称“ Icars”，数据类型为“ data”，从而创建icars.data.ts并使用此内容export interface Icars {}。

来自Angular文档，网址为：https://angular.io/cli/generate

ng生成接口[选项] ng g接口    [options]在以下位置创建新的通用接口定义   给定或默认项目。

参数参数说明接口的名称。

以格式将开发人员定义的类型添加到文件名中   “ name.type.ts”。

Answer 3

像这样：

interface GraphDatas {
  firstTemperature: Period
  internalTemperature: {
    min: number;
    max: number;
  };
  secondTemperature: Period;
  thresholdAlerts: Threshold;
}

interface Period {
  currentPeriod: number;
  previousPeriod: any;  // TO DO
}

interface Threshold extends Period {
  hasBeenRead: number;
}

在此之后，您需要导出要在打字稿文件中使用的界面：

export interface test{
  listComputedDatas: GraphDatas;
}

在您的代码中：

import {test} from './pathToInterface';

...

randomProperty: test;
// Typescript should detect properties such as 
// randomProperty.listComputedDatas.internalTemperature.min

编辑：手动创建自己的文件比执行angular-cli命令...

更快

Answer 4

ng generate interface fruit

产生

fruit.ts

包含界面

export interface fruit {}

Answer 5

使用角度CLI，

ng g i filename

将创建名称为filename.ts的文件，然后将具有导出接口filename {}

angular cli中的接口类型格式是什么？

5 个答案: