Заполните раскрывающийся список значениями динамически из набора данных

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 занимает

Массив объектов для отображения в качестве доступных параметров.

Так что вам нужно изменить additionalPercentages на массив объектов, т.е.

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

Код:

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