Question

首先我的英语不好，所以我尽量解释，问题是：

我有这个ngFor，应用于输入，但在输入数据时，它在所有字段中重复相同，我没有发现我的问题。

apply plugin: 'kotlin-android-extensions'

角度模型：

Bucket 1 Bucket 2 1 1 2 2 3 3 4 4 5 5 6 11 7 12 8 13 9 14 10 15

他们被发送到用MEN制作的api

      <div *ngFor="let itra of itras; let n=index " class="col-md-4">
        <input type="number" name="{{n}}" #{{n}} [(ngModel)]="ihi.Itra[n]"  [attr.placeholder]="itras[n]"  class="form-control" max="999999">
      </div>


      import {Ihi} from '../models/ihi';
      export class AddDocumentsComponent implements OnInit {
      public ihi: Ihi;
      public itras = ["1", "2", "3"];

在邮递员的测试中，api接收了几个参数“Itra”，但是我不能用角度来做同样的事情。我很感激这个问题的帮助。

Answer 1

为什么使用[(ngModel)]="ihi.Itra[n]"？根据您的模型，您将绑定元素绑定到同一个字符串中的不同字符。您可能应该使用[(ngModel)]="itras[n]"，或者如果您有Ihi个对象的数组[(ngModel)]="ihi[n].Itra"

Answer 2

试试这个吗？不确定您要使用输入完成什么，但ngModel和name字段需要匹配

  <div *ngFor="let itra of itras; let n=index " class="col-md-4">
    <input type="number" name="itra" [(ngModel)]="itra"   class="form-control" >
  </div>

还要记得app.module中的import {FormsModule} from '@angular/forms';

带有角度4的ngFor的多输入

2 个答案: