ひとつのクラスを制御したい場合
変数hoge
がtrueかfalseかで、currentを付ける場合、
以下のような書き方をします。
%div( ng-class="{ 'current': hoge }")
- hogeが
true
の場合、cssのクラスである.current
がdivにアサインされる。 - hogeが
false
の場合、cssのクラスである.current
はdivにつかない。
を実現します。
複数のクラスを制御したい
複数の場合、記述方法に迷いますが、下記でいけます。
%div( ng-class="{ 'current': hoge, 'changing': moge }")
基本angularのoptionに入るのはobjectなので、
迷ったらobjectの記述を書けば大抵うまくいきます。
*ng-style
など特に、
cssの記法かjsのobjectの書き方なのか迷いますが、
ng-styleに入るのもobjectです。
cssの記法で書くとうんともすんともしません、
jsのobjectとcssに記法がびみょ〜に似ているので注意です..(俺だけかも)