2017-07-23 51 views
1

我想用ngFor創建兩行五個輸入。我想將輸入存儲在一個數組中,所以我想我會使用ngModel中的索引。但是,當我嘗試將第二行的值添加到let i = index時,我得到Template解析錯誤。爲Angular的ng變量添加一個值

<div class="row" *ngFor="let row of [0,5]"> 
    <div class="col-md-5ths" *ngFor="let number of [0,1,2,3,4]; let i = index + row"> 
     <input type="text" [(ngModel)]="input[i]"> 
     {{input[i]}} 
    </div> 
</div> 

我嘗試了三元運算符和ngForOf的一些變化,但沒有成功。在這方面看來,Angular比AngularJS嚴格得多。

Plunker here.

有什麼建議嗎?

回答

2

可以實現這樣:

<div class="col-md-5ths" *ngFor="let number of [0,1,2,3,4]; let i = index"> 
     <input type="text" [(ngModel)]="input[i+row]"> 
     {{input[i+row]}} 
</div>