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）によれば、それはvalueでの値であるlabelとvalueである2つの必須のフィールドを、有していなければならないので、[options]アレイは、SelectItemアレイであるべきですドロップダウン、表示される文字列はlabelです。あなたの配列は次のようになります：

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