首页 文章

将值添加到Angular的ngFor的i变量中

提问于
浏览 次
1

我想使用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严格得多 .

Plunker here.

有什么建议？

javascript angular ngfor

1 回答

  • 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>
    回复于

相关问题