primeng 下拉列表不显示值

Question

是否需要映射到标签和值才能在下拉列表中显示值？

我试图在下拉列表中显示枚举，但它们显示不正确！

  export enum nature
    {
        annuelle="Annuelle",
        semestrielle="Semestrielle",
        trimestrielle="Trimestrielle"

    }

 naturevalues = Object.values(nature);

 <div class="ui-grid-col-6">
                    <p-dropdown [options]="naturevalues"  formControlName="nature"></p-dropdown>
                </div>

我可以在控制台上看到所选的值 我尝试添加 optionLabel="value" 但徒劳

Answer 1

对于那些从 Google 来到这里的人：

nature.enum.ts

export enum Nature {
   annuelle = "Annuelle",
   semestrielle = "Semestrielle",
   trimestrielle = "Trimestrielle"
}

在component.ts 中：定义一个列表，其中Nature只是一个导入的枚举：

import {Nature} from 'enums/nature.enum';
//other imports

  public natures = Nature;

在您的模板中使用keyvalue管道并设置optionLabel为value：

<div class="ui-grid-col-6">
    <p-dropdown [options]="natures | keyvalue" optionLabel="value" formControlName="nature"></p-dropdown>
</div>