表示されていない値に基づいて、スパンに表示されるテキストのフォントの色を変更できるディレクティブを作成したいと考えています。
私は配列を持っています:
$scope.due =[{somedate: "April.8.2010"}, {past:"yes"}];
「過去」の値が「はい」の場合、スパン内の値は<span>{{somedue.date}}</span>赤になり、「過去」が「いいえ」の場合、フォントの色は黒になります。私はangularjsを初めて使用するので、angularjsを使用してこれを行う方法を提案していただければ幸いです。
使用できますng-class
<span ng-class="{red: past == 'yes', black: past == 'no'}">{{somedue.date}}</span>
赤または黒のクラスが適用される場所。CSS を介してこれらのスタイルを設定し、色を赤/黒にすることができます。
例: http://jsfiddle.net/TheSharpieOne/NHS73/
あなたのデータ構造はあなたの例では奇妙でした.私の場合はshowcaseに変更されましたng-class.
また、 / を使用でき、/trueとfalseの文字列比較を行う必要はありません。'yes''no'