2017-07-18 6 views
-1

私はapiからデータを取得しており、結果をli要素に示しています。データは名前とサイズを持つオブジェクトの配列です。私は、サイズに応じてli要素を設計したい。どのように角度4で行うことができますか?角度4のli要素の動的設計

+1

[class.class-name]="booleanExpression"

<li *ngFor="let item of data" [class.item-big]="item.size === 'big'" [class.item-small]="item.size === 'small'"> <!-- ... --> </li> 

または

<li *ngFor="let item of data" [ngClass]="{ 'item-big': item.size === 'big', 'item-small': item.size === 'small' }"> <!-- ... --> </li> 

もっと

を利用することができます。 io/api/common/NgClass –

答えて

0

はあなたが* ngClass` HTTPS `を探しているngClassディレクティブまたはクラスバインディングそのhere

関連する問題