li元素在角度4中的动态设计

Question

我从api中读取数据，我在li元素中显示结果。来的数据是具有名称和大小的对象数组。我想根据尺寸设计李元素。如何在角度4中完成？

Answer 1

要么写你自己的oderBy管道，要么你可以使用https://github.com/danrevah/ngx-pipes#orderby？

Answer 2

您可以利用ngClass指令或类绑定[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> 

更多对here