ngModel отображает одинаковые значения для разных полей - PullRequest
Новая
       6

ngModel отображает одинаковые значения для разных полей

0 голосов
/ 29 июня 2018

Это Angular 5 и проект Firestore. Я использую форму с [(ngModel)] для обновления документа в базе данных. Обновление прошло успешно. Но способ [(ngModel)] отображать значения полей документа в самих полях ввода неверен, например, заполнители не правы. Каждое поле ввода отображает одно и то же значение поля, когда они должны быть разными. Например

В БД мой документ выглядит так 

document
  field1: document title
  field2: google
  field3: https://www.google.com

Но мои поля ввода показывают это

input box 1 отображает https://www.google.com

input box 2 отображает https://www.google.com

input box 3 отображает https://www.google.com

Вот HTML 

<ng-container *ngFor="let x of xyz | async">
  <div class="columns">
    <div class="column">
      <form>
        <input [(ngModel)]="x.field1" #v1>
        <input [(ngModel)]="x.field2" #v2>
        <input [(ngModel)]="x.field3" #v3>
        <button (click)="update(v1.value, v2.value, v3.value)">update</button>
      </form>
    </div>
    <div class="column">
      {{x.field1}} #### <-- THESE WORK FINE
      {{x.field2}}
      {{x.field3}}
    </div>
  </div>
</ng-container>

Я что-то упустил в component.ts?

1 Ответ

0 голосов
/ 12 июля 2019

Вы должны дать имя своим входам. И у каждого входа должен быть свой.

...