第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

對鍵值的double數(shù)據(jù)綁定對象,用于下拉菜單

對鍵值的double數(shù)據(jù)綁定對象,用于下拉菜單

慕的地6264312 2021-04-27 17:16:59
我想將一個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。
查看完整描述

2 回答

?
守著一只汪

TA貢獻1872條經(jīng)驗 獲得超4個贊

這是keyvalue管道迭代對象的完美用途,因此,您可以輕松地用于selected初始捕獲true屬性:

<select (change)="selectCountry($event)">

  <option *ngFor="let item of myObject | keyvalue" [value]="item.key" [selected]="item.value">

    {{item.key}}

  </option>

</select>

DEMO


查看完整回答
反對 回復 2021-05-13
  • 2 回答
  • 0 關(guān)注
  • 184 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號