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

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

在選擇選項中選擇給出錯誤的屬性值

在選擇選項中選擇給出錯誤的屬性值

富國滬深 2023-04-14 16:31:27
我想顯示一個包含我的枚舉所有選項的選擇并更改值以更新我的數(shù)據(jù)庫。為此:我有一個枚舉:export enum SubscriptionEnum {    DAILY= 'DAILY',    ANNUAL= 'ANNUAL',    HALF-YEARLY = 'HALF-YEARLY ',    QUARTERLY = 'QUARTERLY ',    MONTHLY = 'MONTHLY ',}在我的 .ts 文件中,我創(chuàng)建了我的枚舉變量:SubscriptionEnum = SubscriptionEnum ;然后我在我的 .html 中顯示該選項:<p>{{client.subscription}}</p> // here it display what is registered in my db, in this case "ANNUAL"<label for="subscription">Subscription:</label><select #subscriptionid="subscription">   <option value="{{option.key}}"           *ngFor="let option of SubscriptionEnum | keyvalue">           {{option.value}}   </option></select>當(dāng)我單擊一個新選項時,此示例為我提供了帶有所有選項的選擇以及視圖頁面中的值更改。然后,我在 select 中添加 (change) 以調(diào)用一個方法來更改數(shù)據(jù)庫中客戶端訂閱的內(nèi)容。我是這樣做的: .html:<p>{{client.subscription}}</p> // here it display what is registered in my db, in this case "ANNUAL"<label for="subscription">Subscription:</label><select (change)="changeInfo(subscription )" #subscription id="subscription">   <option value="{{option.key}}"           *ngFor="let option of SubscriptionEnum | keyvalue">            {{option.value}}   </option></select>在我的 changeInfo 中,我發(fā)送了事件并使用 event.id 和 event.value 來更新我的數(shù)據(jù)庫,它之所以有效,是因為當(dāng)我單擊它時選擇選項發(fā)生了變化,而這是<p>{{client.subscription}}</p>我的數(shù)據(jù)庫的一個值具有良好的價值。然后我想添加一個選擇器,以便我的選項值直接采用好的值,這是行不通的……我這樣添加:<p>{{client.subscription}}</p> // here it display what is registered in my db, in this case "ANNUAL"    <label for="subscription">Subscription:</label>    <select (change)="changeInfo(subscription )" #subscription id="subscription">       <option value="{{option.key}}"               selected="{{option.key == client.subscription}}"               *ngFor="let option of SubscriptionEnum | keyvalue">                {{option.value}}       </option>    </select>這給我突出顯示我的句子并告訴我“錯誤的屬性方法”,當(dāng)我重新加載我的頁面時div 包含“ANNUAL”的良好價值,但我的選擇等于 QUARTERLY。如果我單擊更改選項,好的值將保存在我的數(shù)據(jù)庫中,但我的選擇器的顯示將是錯誤的。我不明白什么?感謝您的幫助
查看完整描述

1 回答

?
紅糖糍粑

TA貢獻(xiàn)1815條經(jīng)驗 獲得超6個贊

兩種相似的 Angular 語法之間存在細(xì)微差別:

selected="{{option.key == client.subscription}}"

[selected]="option.key == client.subscription"

有兩種屬性綁定,但前者將內(nèi)插值分配給屬性。

這意味著即使在虛假值的情況下,selected屬性也會得到true;

el.selected = 'false'

因為string是 js 中的真值。

因此,您可以考慮以下選項:

  • 使用正確的屬性綁定:

     [selected]="option.key == client.subscription"
  • 改用value標(biāo)簽綁定<select>

<select #subscription id="subscription" [value]="client.subscription">

   <option value="{{option.key}}"

       *ngFor="let option of SubscriptionEnum | keyvalue">

       {{option.value}} {{option.key == client.subscription}}

   </option>

 </select>


查看完整回答
反對 回復(fù) 2023-04-14
  • 1 回答
  • 0 關(guān)注
  • 107 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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