打字稿：从对象导入值

Question

假设我有一个打印文件environment.ts我导出

export const environment = {
    host: localhost:8080,

    // more keys/values
}

假设我有另一个文件url.ts，我想导入环境对象。

import { environment } from 'environments/environment';

哪个工作正常。我可以做那样的事情

const host = environment.host

问题：

但是，有没有办法直接导入host值？

Answer 1

您可以单独导出每个值

，而不是导出名为environment的顶级对象

import { host, foo } from 'environments/environment'

然后像这样导入它们

import * as environment from 'environments/environment'

或者像这样导入它们

{{1}}

Answer 2

如果您正在使用angular cli，则可以像这样修改.angular-cli.json文件：

{
  "defaults": {
    "serve": {
      "port": 8080,
      "host": "yourHost"
    }
  }
}