* ngForでインデックスを減算する

Question

インデックスを使用して計算を行うにはどうすればよいですか？条件が真であるときにクラスの危険を適用したいが、* ngForループ内でi-1を計算する必要がある。

<tr *ngFor="#org of data; #i = index"> 
    <td [ngClass]="{danger: org.price < data.stock[i-1].val }"> 
</tr> 

Answer 1

これは、i-1が動作していないことが原因ではないことは間違いありません。
インデックスは0で始まります。したがって、配列の-1のインデックスへのアクセスが無効であるため、data.stock[-1]が無効であるという問題があると思います。

Answer 2

次の例のように、カスタム関数に必要なすべての計算を行うことができます。

@Component({ 
    selector: 'my-app', 
    template: `<table> 
       <tr *ngFor="let org of data; let i = index"> 
       <td [ngClass]="{danger: org.price < org.stock[getIndex(i)].val }"> 
       ... 
}) 
export class AppComponent implements OnInits { 
    ... 
    // this is your custom function to set index as you need 
    getIndex(index){ 
     var result = index - 1; 
     if (result < 0 || result > 0) result = 0; 
     return result; 
    } 
} 

をhere

注意私の簡単な例を参照してください：

• ギュンターが指摘@として：負のインデックスが無効です
• data propertyオブジェクトの配列またはオブジェクトだけ？それは、各オブジェクトがstockと呼ばれる追加の配列プロパティを持つオブジェクトの配列でなければならないようです。
• *ngFor内の#組織は廃止されており、代わりにletを使用する必要があります。