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。 干杯..！