PrimeNG下拉数据未显示翻译

时间:2017-12-19 07:50:23

标签: angular angular5 dropdown primeng

我正在尝试在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>

这让我获得控制台元素中的数据,如下所示:

Console Element Output

但下拉列表仍未显示。检查图片。

Empty Dropdown

我尝试过更改CSS和其他样式。

阵列数据:

companyProfileCategories = [{
    "ID": "SomeID",
    "Name": "ad_media"
}, {
    "ID": "SomeID2",
    "Name": "photos"
}]

1 个答案:

答案 0 :(得分:2)

根据文档(https://www.primefaces.org/primeng/#/dropdown),[options]数组应该是SelectItem数组,因此它必须有两个必填字段label和{{1} },其中value是下拉列表的值,value是显示的字符串。你的数组应该是:

label