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 배열이, 그래서 value의 값이다 label 및 value을 두 필수 필드 있어야 드롭 다운 및 label이 표시된 문자열입니다. 귀하의 배열은 다음과 같아야합니다 :

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