2017-10-04 40 views
0
.element { 
    background: url(env.asset-path) 
} 

瓦尔我想是检测ENV在角侧和CSS定义的资源路径ENV在角4

我知道我可以用js的,但我不检查服务器名称/域“知道如何将变量传递给CSS/SCSS文件

我使用Angular4 /打字稿/ SCSS

+0

你可以在你的问题更具体?你想知道环境是开发还是生产?或者你想知道平台是浏览器还是服务器? – FussinHussin

+0

@FussinHussin我想知道如果是dev或prod [y] –

+0

我在第二个答案中找到了更好的方法:https://stackoverflow.com/questions/42515893/can-angular-cli-pass-environment特异性的设置到萨斯变量 –

回答

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)'}">