首页 > 解决方案 > 下拉菜单未显示正确的自定义值

问题描述

我需要在下拉列表中自定义项目的输出:我的对象是这样的:{'code':1001,'description':jjj}

我会显示1001-jjj类似的输出,所以我这样做:

 <p-dropdown [options]="list" [(ngModel)]="element" >
                    <ng-template let-item pTemplate="selectedItem">
                        {{ item['code'] }} - {{ item['description'] }}
                    </ng-template>
                    <ng-template let-item pTemplate="item">
                        {{ item['code'] }} - {{ item['description'] }}
                    </ng-template>
                </p-dropdown>

在我的 ts 我做:

  @Output() element: Object;
  list: Object[];

该列表是正确加载的,因此当打印列表变量时,我读取了正确的值,它是一个包含 15 个元素的列表。

问题是当我打开下拉列表时,我数了 15 个元素,但没有文本。该项目为空。任何人都可以帮助我吗?

标签: angularprimengprimeng-dropdowns

解决方案


推荐阅读