动态设计角度为4的li元素

Question

我从api获取数据，我在li元素中显示结果。来的数据是一个具有名称和大小的对象数组。我想根据大小设计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

的更多信息