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

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>

这样做之后，我看到下拉列表是空白的，控制台中也没有错误。有任何想法吗？

标签： angularprimeng

Answer 1

options需要

要显示为可用选项的对象数组。

所以你需要改变你additionalPercentages的对象数组，即

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

代码：

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