角度2：ケースが満たされた場合にngForインデックスだけインクリメント

Question

のは、私は私が通過ルーピングてるオブジェクトの配列があるとしましょう：、

arr = [ {a: 1}, {a: 2}, {a: 1} ] 

を、私は私の見解では、オブジェクトのインデックスを表示したいが、私は条件が満たされた場合にのみインデックスを増やしたい。 a == 1のようなものです。私のようないくつかのコードを持っていたのであれば：

<!-- I know this won't work --> 
<ul> 
    <li *ngFor="let obj of arr; let i = index">{{ i }}</li> 
</ul> 

...それはのように表示していました：

<li>0</li> 
<li></li> 
<li>1</li> 

Answer 1

app.component.ts：

arr:{a:number}[] = [{a: 1},{a: 2},{a: 1} ]; 

app.component.htmlを

<ul> 
    <div *ngFor="let obj of arr; let i = index"> 
    <div *ngIf="obj.a == 1"> 
    <li>{{i}}</li> 
    </div> 
    </div> 
</ul>