Как настроить путь CDN на index.html в угловых 6 - PullRequest
Новая
       7

Как настроить путь CDN на index.html в угловых 6

0 голосов
/ 04 сентября 2018

Я начинающий с угловой. Я начал с angular 6 и в настоящее время не могу понять, как создать настраиваемые пути cdn с моим index.html в угловом проекте.

Пожалуйста, посмотрите на мой код :: 

 <!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 настраиваемыми. Это означает, что я хочу прочитать путь к cdn и базовый URL cdn из моего config.json. Как читать их по этому пути из файла .json.

Пожалуйста, помогите мне. Заранее спасибо.

Ответы [ 2 ]

0 голосов
/ 04 сентября 2018

Angular предлагает переменную среды для управления динамической переменной и конфигурацией, подобной вашей потребности.

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

0 голосов
/ 04 сентября 2018

Вам необходимо импортировать класс среды в ваш компонент, где расположен ваш 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">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...