PrimeNg - P-dropdown ngModel 不更新所選值

Question

<p-dropdown [options]="userRole" [(ngModel)]="rowData.role"
      optionLabel='description'  (onChange)="modifyRole($event)">
    </p-dropdown>

<span> {{rowData.role}} </span>

在 span 中，我可以看到這個值根據需要更新！ 但默認情況下，不讓下拉菜單將該值作為選定值！

從 static.model.ts 挑選的用戶角色

userRole 定義如下

{
'description': 'Admin'
},
{
'description': 'CMD'
}

現在在.ts文件中，根據某些條件，我必須讓下拉菜單獲取默認值 -

either 'Admin' or 'CMD'

但是下拉菜單沒有獲得默認值。 當我將它顯示為交叉檢查時，用作rowData.role的rowData.role正在更新。

那么如何讓這個ngModel = rowData.role也改變下拉選擇的值呢？

Answer 1

回答我的問題：ngModel 通過引用而不是值綁定。

因此，為此我們需要更新[options]="userRole"

使用所需的選定值更新 userRole 將始終更新下拉 selectedValue。 干杯..！