Angular 4中的env vars

Question

.element {
  background: url(env.asset-path)
}

我想要的是检测Angular侧的env并在CSS中定义资产路径

我知道我可以使用js检查服务器名称/域，但我不知道如何将变量传递给css / scss文件

我使用的是Angular4 / Typescript / scss

Answer 1

您可以通过导入来获取环境变量，方法与main.ts文件相同：

import { enableProdMode } from '@angular/core';

myurl = environment.production

您无法将这些变量添加到您的css文件中，但您可以操作dom，并通过绑定到src属性或执行角度属性绑定来添加背景URL。 1）

<img [src]="myurl">

2）

<div class="background"
     [ngStyle]="{ 'background-image': 'url(myurl)'}">