2017-10-04 70 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)'}">