無法實現雙向綁定下拉，這是下JQuery形式

Question

我有[(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> 

Answer 1

這裏是一個下拉勢必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]; 
}