条件に基づいた要素属性の変更

Question

要素にレンダリングする属性を決定する方法はありますか？たとえば、count変数が5より大きい場合はdivを緑色の背景にするようにスタイルを設定したいが、それ以外の場合はui-viewディレクティブを指定するとします。

のは、擬似コード

<div ng-if="count > 5 ? {style='background: green'} : {ui-view='home'}"> 

</div> 

で書かれた非現実的な例を見てみましょうが、このもっともらしいですか？私は間違った方法に近づいているかもしれませんが、これができるかどうかを知りたがっています（私はカスタムディレクティブが助けてくれると思っていますが、できるだけ軽量にしたいと思っています）

！

Answer 1

あなたが簡単に行うことができます：私が使用することをお勧めコードの重複を避けるために

<div ng-if="myCondition"></div> 
<div ng-if="!myCondition" ui-view></div> 

はNG-含ま：

<ng-include src="template"></ng-include> 

Answer 2

は、はい、NG-クラスは、クラス名

<div class="base-class" ng-class="myVar">Sample Text</div> 

---

またはngのスタイルのための変数を使用できるよう

<div ng-class="{{ 'green' : (count > 5) ; 'red' : (count != 5) }}"> 

</div> 
// where green and red is class name not style 

のために作られている http://plnkr.co/edit/pCplLBymY1nmX7Bmb0uO?p=preview

<span ng-style=" count > 5 ? { 'background-color':'red' } : { 'background-color':'green' }" >Sample Text</span>