如何限制在ngFor中顯示的項目數量？

在我的組件列表中的第3項，

formInputs: any = [ 
{name:'foo'}, 
{name: 'bar'}, 
{name: 'buzz}, 
{name: 'dhsfk'}, 
{name: 'sadsd'} 
]

在我的模板，

<div class="form-group label-floating" *ngFor="let input of formInputs"> 
{{input.name}} 
</div>

並請注意，我想申請僅在模板本身中的更改不在組件中。

不知道爲什麼片中在[ngFor]（https://angular.io/docs/ts/未提及最新/ API /普通/指數/ NgFor-directive.html）DOC .. –

我還提供了文檔鏈接花花公子。這是一個數組函數。所以它沒有在ngFor中給出。 https://angular.io/docs/ts/latest/api/common/index/SlicePipe-pipe.html –

可以使用slice管爲

<div class="form-group label-floating" *ngFor="let input of formInputs | slice:0:3"> 
    {{input.name}} 
</div>

2017-01-06 09:23:22

謝謝:)。。。 ..。 –

嗨..我就死在angular2選擇，請幫助.. http://chat.stackoverflow.com/rooms/129925/angular2-learning。我相信它需要10秒。 –

請僅發佈包含足夠信息來診斷問題的適當問題。對不起，我沒有時間聊天。 –

使用slice：

創建包含元素的子集（片）一個新的列表或字符串。

array_or_string_expression | slice:start[:end]

*ngFor="let input of formInputs | slice:0:3"

更改代碼：

<div class="form-group label-floating" *ngFor="let input of formInputs | slice:0:3"> 
    {{input.name}} 
</div>

2017-01-06 09:24:06

嗨.....你現在有空嗎？ –

@AvinashRaj是... –

回答