PrimeNG 下拉列表数据未通过翻译显示

Question

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

Answer 1

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

companyProfileCategories = [{
    "value": "SomeID",
    "label": "ad_media"
}, {
    "value": "SomeID2",
    "label": "photos"
}]

PrimeNG 下拉列表数据未通过翻译显示

PrimeNG Dropdown Data is Not Being Displayed with Translate

dropdown

primeng

angular

angular5