繰り返しごとにパディングを増やす方法は？

Question

私が望むのは、15pxごとに反復ごとに増加するパディングを追加することです。どのように私はそれを行うことができますどのような提案？これは私がこれまで持っていたものです。

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

Answer 1

これを試してみてください：このような

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

何かが仕事をする

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

Answer 2

利用[ngStyle]の代わり[ngClass]。

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

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