【AngularJS】ngStyleでstyle要素を動的に変更する。

スタイル要素を条件で分岐させたい時にとても有効。
使い方はngClassと同様、expressionかオブジェクトを渡せばOK。

// Editモードかそうでないかで要素の高さを分岐させたいと想定するとこうなる。
<div ng-style="{height: isEdit ? '300px' : '600px'}">ほげほげ</div>

ngStyleやngClass内のオブジェクトには三項演算子を渡せるので非常に便利。