使用数据集中的值动态填充下拉列表

Question

我有一个下拉列表，我正尝试使用以下数据集动态填充它

this.additionalPercentages = this.offer.offerData.wellbeing.retirementPackages[0].additionalVoluntaryContributionPercentages;

this.additionalPercentages 得到安慰，看起来像这样：[5, 6]

<p-dropdown
      (onChange) = "getAdditionalPercentage($event)"
      class="fund-dropdown"
      [options]="additionalPercentages"
      [showClear]="false"
></p-dropdown>

执行此操作后，我看到下拉列表为空白，控制台中也没有错误。有什么想法吗？

Answer 1

options 需要

An array of objects to display as the available options.

因此您需要将 additionalPercentages 更改为对象数组，即

[
  {label: 5, value: 5},
  {label: 6, value: 6}
]

代码：

this.additionalPercentages=this.additionalPercentages.map(
      (item)=>({label:item,value:item}));

使用数据集中的值动态填充下拉列表

Populate dropdown with values dynamically from data set

primeng

angular