Невозможно реализовать двустороннюю привязку для раскрывающегося списка, который находится в форме JQuery.

У меня есть атрибуты [(ngModel)] и (ngModelChange) для раскрывающегося списка, но если я хочу загрузить любое значение по умолчанию, используя атрибут [value], моя ngModel не дает текущее измененное значение.

Мне нужна двусторонняя привязка к раскрывающемуся списку. В общем, работает только раскрывающийся список выбора, проблема, когда он находится внутри моей формы jQuery. Может ли кто-нибудь помочь в этом? Мой.Html:

<select class="form-control" name="state" [(ngModel)]="**myClient.address && myClient.address.state**" (ngModelChange)="getCitiesByState($event)" >
<option class="form-control"  *ngFor="let state of states" [ngValue]='state'>{{state.name}}
</option>
 </select>

angular angular2-template angular2-ngmodel
person Sathiya Vasagam S    schedule 16.02.2017    source источник
comment
ааааа а твой код есть? :)   -  person AJT82    schedule 16.02.2017

Ответы (1)


arrow_upward
1
arrow_downward

Вот раскрывающийся список, привязанный к ngModel, со значением по умолчанию, установленным на «Второй»/«2»:

import { Component } from '@angular/core';

@Component({
  selector: 'app-native-element-playground',
  template: `
  <select name="option" [(ngModel)]="option">
      <option *ngFor="let option of options" [ngValue]="option">
          {{ option.name }}
      </option>
  </select>
  {{option | json}}
  `,
  styleUrls: ['./native-element-playground.component.css']
})
export class NativeElementPlaygroundComponent {
  options = [
    { name: 'First', code: '1' },
    { name: 'Second', code: '2' },
    { name: 'Third', code: '3' }
  ];
  option = this.options[1];
}
person Fredrik Lundin    schedule 16.02.2017
comment
Спасибо. Да, в обычной его привязке, как и ожидалось, но мой раскрывающийся список внутри формы JQuery. - person Sathiya Vasagam S; 17.02.2017