Question

我是有角度的初学者。我从angular 6开始，目前无法理解如何在angular项目中使用index.html创建可配置的CDN路径。

请看看我的代码::

 <!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Refman</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="https://cdn1.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://cdn2.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>

    <app-root></app-root>
    
</body>
</html>

我想使这些CDN1和CDN2可配置。这意味着我想从我的config.json中读取CDN的CDN路径和基本URL。如何从.json文件中使用此路径读取它们。

请帮助我。预先感谢。

Answer 1

角度建议环境变量来按您的要求管理动态变量和配置。

environment.ts

environment.prod.ts

....自定义环境

有关更多信息： https://medium.com/@balramchavan/separating-production-and-development-http-urls-using-environment-ts-file-in-angular-4c2dd0c5a8b0

http://tattoocoder.com/angular-cli-using-the-environment-option/

https://medium.com/@amcdnl/custom-environments-for-angular-cli-4ce0b82da83b

结构：

https://angular.io/guide/quickstart#the-src-folder

Answer 2

您需要将环境类导入到index.html所在的组件中：

import { environment } from 'location of environment.ts'

然后您以这种方式传递类变量：

public pName = environment.propertyname; // .css or a URL

在index.html中，将pName传递给href：

<link rel="stylesheet" href="pName">

如何在角度6中的index.html上配置CDN路径

2 个答案: