0

在 Angular 12 应用程序上，我有以下环境：

export const environment = {
  production: false,
  applications: [
    { name: "Api", url: "https://localhost:5001" },
    { name: "Bot", url: "https://localhost:5003"}
  ],
}

我创建了一个Application接口和EnvironmentService类：

export interface Application {
  name: string;
  url: string;
}

export class EnvironmentService {

  constructor() {}

  get production() : boolean { return environment.production; }

  get applications() : Application[] { return environment.applications };

}

但我收到一个错误：

Type '{ name: string; url: string; }[]' is not assignable to type 'Application[]'.

我怎样才能转换environment.applications为Application[]？

4

1 回答 1

1

就我个人而言，我还通过界面描述了我的环境常量。这样我可以确定不同环境的常量将遵循相同的结构。

因此我会这样写：

export interface Application {
  name: string;
  url: string;
}

interface Environment {
  production: boolean;
  applications: Application[];
}

export const environment: Environment = {
  production: false,
  applications: [
    { name: "Api", url: "https://localhost:5001" },
    { name: "Bot", url: "https://localhost:5003"}
  ],
}

export class EnvironmentService {
  constructor() {}
  get production() : boolean { return environment.production; }
  get applications() : Application[] { return environment.applications };
}

通过硬输入并且没有隐含的“任何”，IDE 可以为您提供所需的所有帮助。省略类型的工作量更少，在极少数情况下，代码可能更具可读性，但也更容易出错。

于 2021-06-10T19:58:05.400 回答