0

ドロップダウンの属性が[(ngModel)]ありますが、(ngModelChange)属性を使用してデフォルト値をロードしたい場合[value]、ngModel は現在変更されている値を提供しません。

ドロップダウンで双方向のバインドが必要です。一般に、ドロップダウンを選択するだけで機能しますが、jQueryフォーム内にあると問題が発生します。誰でもこれを手伝ってもらえますか？My.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>
4

1 に答える 1

1

デフォルト値が「Second」/「2」に設定された ngModel にバインドされたドロップダウンを次に示します。

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];
}
于 2017-02-16T11:02:59.430 に答える