首页 > 解决方案 > 使用 Id 在 PrimeNG 下拉列表中进行选择

问题描述

我的应用程序的 UI 通过 Rest 调用获取数据。我的下拉列表中的对象具有这种类型的结构

{
    id: "xxxx-yyyy-dddd",
    name: "Porfolio Name",
    more_fields: "Blah Blah Blah"
}

问题是我从服务器收到的“selected_portfolio”值只是需要选择的项目的“id”。有没有办法让选择工作而不必搜索列表来获取投资组合的实际实例。

这就是我现在在 HTML 中的下拉菜单。我希望 dataKey 中的“id”字段与“selected_portfolio”匹配,这是我的“portfolios”列表中的一个实例的“id”。

<p-dropdown dataKey="id" [options]="portfolios" optionLabel="name" [(ngModel)]="selected_portfolio" (onChange)="updateSelectedPortfolio($event)"></p-dropdown>

标签: primeng

解决方案


推荐阅读