双向数据绑定无法与ngModel

Question

我正在使用ngFor和输入框显示国家。我使用输入框来计算特定产品和国家/地区的费用。我的问题是如何使用ngModel显示输入的值，在这里我将[index]与ngModel绑定。

假设我为印度国家输入100，它将保存到数据库中。但是两种方式的dataBinding无法正常工作。

How to use two way databinding with ngModel using index in angular5 stackblitz

任何人都可以帮忙。

Answer 1

如果您使用的是(keyup)，则不需要绑定到[(ngModel)]

只需这样做：

<div class="admin-page">
  <div class="row">
    <div class="col-md-12">
      <div class="row">
        <div class="co col-md-12">
          <li *ngFor="let x of countries;let i=index">
            <div class="form-group" (click)="country(x)">
              <label>{{x.name}}</label>
            </div>
            <input 
              type="text" 
              class="form-control" 
              [name]="'name_'+i" 
              [(ngModel)]="countries[i].value">  <!-- or [(ngModel)]="x.value" for that matter-->
          </li>
        </div>
      </div>
    </div>
  </div>
  <pre>
    {{ countries | json }}
  </pre>
</div>

---

  

这是您推荐的Working Sample StackBlitz。