Wie kann das Padding bei jeder Iteration erhöht werden?

Question

Was ich will, ist Padding-Links für jede Iteration um 15px erhöhen. Irgendwelche Vorschläge wie kann ich das tun? Das habe ich bisher.

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

Answer 1

Try this:

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

Answer 2

Verwenden [ngStyle] statt [ngClass].

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

So etwas wird die Arbeit machen:

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

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