Как использовать двухстороннее связывание в выпадающем меню Angular 2?

Question

<select #businesstype class="form-control" id="business_type" required [(ngModel)]="update.business_type" name="business_type" #Type="ngModel">
                                        <option disabled>Select</option>
                                    <option *ngFor="let user of users" [value]="user.id">{{user.method}}</option>>
                                </select>

У меня есть сомнения, как использовать двустороннюю концепцию привязки, используя выпадающую кнопку, которую я пробовал, но она не работает.

Answer 1

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

<select class="form-control" id="business_type" required [(ngModel)]="update.business_type" name="business_type">
  <option disabled>Select</option>
  <option *ngFor="let user of users" [value]="user.id">{{user.method}}</option>>
</select>

рабочий пример с демонстрационными записями