Блог

Я отображаю страны, используя ngFor, вместе с полями ввода. Я использовал поля ввода для указания стоимости конкретного продукта и страны. Мой вопрос в том, как отобразить введенное значение с помощью ngModel, здесь я привязываю [index] с помощью ngModel.

Предположим, если я ввел 100 для страны Индия, это отлично сохраняется в базе данных. Но двусторонняя привязка данных не работает.

Как использовать двустороннюю привязку данных с помощью ngModel, используя индекс в angular5 stackblitz

Кто-нибудь может, пожалуйста, помочь.

На самом деле вам не нужно привязываться к (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>
  

Вот рабочий образец StackBlitz для вашей ссылки.