我想使用ngFor创建两行五个输入。我想将输入存储在一个数组中,所以我想我会在ngModel中使用索引。但是,当我尝试将第二行的值添加到let i = index
时,我得到模板解析错误。
<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严格得多。
有什么建议吗?
答案 0 :(得分: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>