内容に応じて要素のクラスを変更するにはどうすればいいですか？

Question

私はAngular 2プロジェクトを持っています。ここでは、コンテンツに応じて要素のクラスを変更したいと考えています。だから、<span>{{item}}</span>要素のテンプレートと、要素のクラスに応じて複数のスタイルを持つ.cssファイルがあります。私がしたいのは、{{item}}の値に応じて<span>のクラスを変更することです。 たとえば、そのクラスよりitem=2がc1に等しい場合、itemの値が4に変更された場合、それはclass = "c2"になります。

Answer 1

<span class="c{{(item/2)|number}}">{{item}}</span>

Answer 2

各ケースごとにif文を使用するか、それぞれのケースでスイッチ機能を使用できます。

if(item === '2') { 
 
    return <span class="c1">{{item}}</span> 
 
} else if(item === '4') { 
 
    return <span class="c2">{{item}}</span> 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>