我们如何在angular version> = 2中使用环境变量

Question

我现在正在阅读angular4 doc,并注意到,有一个文件夹,环境,并且在其下有多个环境文件,例如environment.ts,environment.prod.ts,如果我们使用env = prod构建,那么prod将使用环境变量.现在我有一个问题,如何从代码中获取环境变量？我搜索了很多文档,没有提到这一点.谁能帮忙告诉我如何获取环境变量值？谢谢

Answer 1

如果您在.angular-cli.json文件中使用CLI ,请放置此代码.(从角度6开始,.angular-cli.json文件重命名为.angular.json)

"environments": {
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts"
  }

在开发环境文件中,您可以编写

export const environment = {
production: false,
url: 'http://something.com'
};

在prod环境文件中,你可以写

export const environment = {
production: true,
url: 'http://something.com'
}

在组件或服务中,您可以使用like

import {environment} from '../../environments/environment';
environment.url;

你可以命令:

ng serve --dev     // Or 
ng serve --prod

注意:您应该直接在app目录中拥有环境目录,并且两个环境文件都应该在那里.