我想顯示一個包含我的枚舉所有選項的選擇并更改值以更新我的數(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ù)庫中,但我的選擇器的顯示將是錯誤的。我不明白什么?感謝您的幫助
在選擇選項中選擇給出錯誤的屬性值
富國滬深
2023-04-14 16:31:27