【问题标题】:primeng dropdown not displaying valuesprimeng 下拉菜单不显示值
【发布时间】:2020-10-02 07:16:45
【问题描述】:

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

我正在尝试在下拉列表中显示枚举,但它们显示不正确!

  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" 但徒劳

【问题讨论】:

  • 你需要设置像 {label: '', value: ''},

标签: angular label dropdown primeng


【解决方案1】:

Demo 设置为primeng选项

 naturevalues =   Object.keys(nature).map(key => ({ label: nature[key], value: key }));

【讨论】:

  • 但我不想将我的变量性质变成标签和值的数组,我想像上面的屏幕截图一样直接获取值,有可能吗?
  • 您可以使用 pdropdown 中的自定义模板来完成
  • 但在这种情况下,您可能会遇到一些问题,例如查看所选项目。因此,我建议您使用标签值并使用 onchange 方法通过映射来评估您想要的输出提示。一个选择它的输出是字符串你可以在演示中检查
猜你喜欢
  • 2016-11-24
  • 2020-11-04
  • 2019-04-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-27
  • 2022-01-01
相关资源
最近更新 更多