2017-07-19 74 views
2

比方說,我有對象的數組,我循環通過:角2:ngFor指數只有當情況下滿足遞增

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> 
+0

您需要在組件中使用一個變量來手動和手動跟蹤ternally。如果需要/可以提供示例。 –

+1

只需將一個屬性添加到數組中的包含條件增量的對象中,並計算在需要在組件中的函數內進行計算時進入該屬性的值。 '[{a:1,b:0},{a:2},{a:1,b:1}]'' – snaplemouton

回答

2

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> 
相關問題