PrimeNG에서 맞춤 콘텐츠 드롭 다운이 작동하지 않습니까?

Question

맞춤 콘텐츠 드롭 다운을 구현하고 있습니다. 제대로 작동하지 않습니다. selectedTestType 값을 설정하지 않으며 onChangeTestTypes에 undefined 값을 제공합니다.

<p-dropdown name="classTestTypeCombobox" 
      [options]="TestTypes" [(ngModel)]="selectedTestType" 
      [style]="{'width':'150px'}" filter="filter" 
      [disabled]="this.isProdCodeDisabled" 
      appendTo="body" 
      required 
      #classTestTypeCombobox="ngModel" 
      (ngModelChange)="onChangeTestTypes($event)"> 
    <ng-template let-TestType pTemplate="item"> 
     <div class="ui-helper-clearfix" style="position: relative;height: 25px;"> 
      <div>{{TestType.descLong}}</div> 
     </div> 
    </ng-template> 
</p-dropdown> 

은 다음과 같은 멤버가있는 클래스 개체의 배열입니다.

id: number; 
classificationCode: string; 
descLong: string; 
classificationParent: string; 
codeType: number; 

onChangeTestTypes(TestType) { 
    this.selectedTestTypeDesc = this.TestTypes.filter(x => x.priceCode == TestType)[0].descLong; 
    this.price.Type = this.TestTypes.filter(x => x.priceCode == TestType)[0].Type; 
} 

Answer 1

드롭 다운 목록에 표시하려는 필드의 이름에 optionLabel을 사용하십시오. 예를 들어, 당신은 optionLabel은 [] 또한 할당 된 값이 사용자 정의 개체 필드의 이름 간단 필요가 없다는 것을 관찰

<p-dropdown name="classTestTypeCombobox" 
      [options]="TestTypes" [(ngModel)]="selectedTestType" 
      [style]="{'width':'150px'}" filter="filter" 
      [disabled]="this.isProdCodeDisabled" 
      optionLabel="classificationCode" 
</p-dropdown> 

classificationCode

을 사용합니다.