Ionic 2：動態更改sass變量

Question

我使用Ionic 2，並且想要動態更改我的scss文件上的變量。

我有這個變量：

$tab-image : url('http://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg'); 

我想另一個在的.ts文件更改URL，以finaly改變圖片。我想在組件或提供者中更改它。

更多了，我想somethink像更換網址：

data:[my-file-type]';base64,[my-file-content] 

問：這是可能的嗎？

問：我怎麼能這樣做？

Answer 1

SASS是pre -processor，這意味着一旦它已經被處理（在你的網頁被渲染之前），你就不能重新處理它。

您是否用$tab-image作爲background-image？

您可以使用NgClass來動態添加/刪除額外的css類到您的組件/節點。這個有不同的風格，覆蓋任何值（如background-image）。您可以在CSS中使用url(data:image/png;base64,[...]。要小心，IE7和8不支持這種語法（IE8，但內容非常小）。 （注：image/png僅用於示例，根據您的文件使用適當的MIME類型）。