我正在尝试在PrimeNG下拉列表中显示翻译列表。
HTML:
<p-dropdown [options]="companyProfileCategories" [(ngModel)]="CompanyCategoryId" [style]="{'width':'150px'}">
<ng-template let-car pTemplate="item">
<div class="ui-helper-clearfix" style="position: relative;height: 25px;">
<div style="font-size:14px;margin-top:4px;color:white;">{{car.Name|json}}</div>
</div>
</ng-template>
</p-dropdown>
这让我获得控制台元素中的数据,如下所示:
但下拉列表仍未显示。检查图片。
我尝试过更改CSS和其他样式。
阵列数据:
companyProfileCategories = [{
"ID": "SomeID",
"Name": "ad_media"
}, {
"ID": "SomeID2",
"Name": "photos"
}]
答案 0 :(得分:2)
根据文档(https://www.primefaces.org/primeng/#/dropdown),[options]
数组应该是SelectItem
数组,因此它必须有两个必填字段label
和{{1} },其中value
是下拉列表的值,value
是显示的字符串。你的数组应该是:
label