изменить один выбор, другие выбирает изменения

Question

У меня проблема с моим приложением.Я должен написать несколько выборов с помощью ngValue ngModel.Проблема в том, что когда один из них меняется, другие выбирают это изменения на одно и то же значение - почему?

HTML:

<select placeholder="Contrat" name="contrat"  [(ngModel)]="contrat" class="form-control">

      <option [ngValue]="contrat" *ngFor="let contrat of contrats"> {{contrat.id}}</option>
    </select>

    <select placeholder="Contrat" name="contrat"  [(ngModel)]="contrat" class="form-control">

      <option [ngValue]="contrat" *ngFor="let contrat of contrats"> {{contrat.id}}</option>
    </select>

    <select placeholder="Contrat" name="contrat"  [(ngModel)]="contrat" class="form-control">

      <option [ngValue]="contrat" *ngFor="let contrat of contrats"> {{contrat.id}}</option>
    </select>

Какое решение?

Большое спасибо.

Answer 1

В вашем случае у вас есть одинаковые [(ngModel)] для всех трех полей выбора, поэтому, когда вы выбираете одно значение из поля выбора, оно отражает другое.

Таким образом, вы должны использовать разные ngModel для трех выбранных тегов

Answer 2

Это происходит потому, что вы связываете одну и ту же переменную с каждым выбором в [[ngModel)] *

Вы используете двухстороннее связывание, поэтому любое изменение в одном выборе изменит переменную.Angular обнаружит это и обновит и другие привязки.