我想將一個HTML下拉列表與一個由對鍵值組成的對象進行數(shù)據(jù)綁定,如下所示:var myObject = { 'France': true, 'Morocco': false, 'US': false, 'India': false}對象的只有一個屬性可以為true,并且此屬性表示下拉列表中的選定元素。這是我的角度代碼:<select class="form-control select select-items select-selected" #t (ngModelChange)="getNightlyType(t.options[t.selectedIndex].text)" [(ngModel)]="myObject[t.options[t.selectedIndex].text]"> <option *ngFor="let key of objectKeys(myObject)" [ngValue]="myObject[key]">{{ key }}</option></select>getNightlyType():將為所選元素設置值為true,為所有其他元素設置false,如下所示:getNightlyType(country: any) { for (let element in myObject) { if (element !== country) { myObject[element] = false; } else { myObject[element] = true; } }}問題是,如果我給出的國家/地區(qū)對象的值為true,則該對象不會自動綁定到gui。
對鍵值的double數(shù)據(jù)綁定對象,用于下拉菜單
慕的地6264312
2021-04-27 17:16:59