Ionic 2：Sass変数を動的に変更する

Question

Ionic 2を使用していて、scssファイルの変数を動的に変更したい。

私は、この変数を持っている：

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

私はfinaly画像を変更する.TSファイルに別のことでURLを変更したいです。私はコンポーネントまたはプロバイダでそれを変更したい。

オーバー

より、私はsomethinkなどでURLを交換したい：

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

はQ：それは可能ですか？

Q：どうすればいいですか？

Answer 1

SASSはより前の-processorです。つまり、処理された後（Webページがレンダリングされる前）は、再処理できません。

$tab-imageをbackground-imageとしていますか？

追加のCSSクラスをコンポーネント/ノードに動的に追加/削除するには、NgClassを使用します。これは、異なるスタイルを持ち、任意の値をオーバーライドします（background-imageなど）。

CSSにurl(data:image/png;base64,[...]を使用できます。注意してください、IE7と8はこの構文をサポートしていません（IE8は、非常に小さな内容で）。 （NB：image/pngは例のためです。ファイルに応じて適切なMIMEタイプを使用してください）。