如何在每次迭代中增加填充？

Question

我想要的是为每次迭代添加填充左增加15px。有什么建议怎么办？这是我到目前为止所做的。

getClassByValue(index){
    return {
        'padding-left': 15 * index + 'px'
    }
}
   <div class="ui-g-2" [ngClass]="getClassByValue(i)">{{orderItem.orditemnum}}</div>

Answer 1

使用[ngStyle]代替[ngClass]。

https://angular.io/api/common/NgStyle

这样的事情可以胜任：

getStyleByValue(index){
    return {
        'padding-left': 15 * index + 'px'
    }
}

<div class="ui-g-2" [ngStyle]="getStyleByValue(i)">{{ orderItem.orditemnum }}</div>

Answer 2

试试这个：

<div class="ui-g-2" *ngFor="item of items; let i = index" [ngStyle]="{'padding-left': 15 * i + 'px'}">{{item.orditemnum}}</div>