2017-07-13 11 views
1

現在、ハイブリッドアプリケーションを自作フレームワークからionic 2に移行しています。古いアプリでは、複数のsassファイルをコンパイルして、 ( "スキンレッド"のような)ボディ上のクラスを切り替えることによって、複数のテーマを1つのionic 2アプリで作成する

ionicの$ varaiablesマップで達成する方法はありますか?カスタム書込みタスクで複数のスタイルファイルを作成し、実行時にjsコードで使用するCSSファイルを変更する必要がありますか? (私はむしろやりたい)

答えて

1

これに続いてUser-Selected Style Themes in an Ionic 2 Applicationチュートリアル。

または、ts変数を使用してすべての色を設定し、カラーハッシュコードの実行時間を更新できます。

HTML:

<ion-header> 
     <ion-toolbar color="primary" [style.background]="headerBackground"> 
      <ion-title> 
      </ion-title> 
     </ion-toolbar> 
</ion-header> 

TS:

public headerBackground = '#ddd'; 

は、変数を共有すべき。

関連する問題