반응 형식의 각도 PrimeNG 드롭 다운 구성 요소 - 초기 값

Question

primeNg 드롭 다운 구성 요소를 사용하여 초기 값으로 드롭 다운을 초기화하려고했으나 반응적인 방식을 사용하고 있습니다.

primeNg 문서와 데모를 확인했습니다. 템플릿 기반의 거의 모든 예제가 있습니다. 모델 구동과 동일하게 사용하고 싶습니다.

목록에있는 값으로 드롭 다운을 렌더링 할 수 있지만 선택한 항목이 양식에 선언 된 것이 아니라 목록의 첫 번째 항목입니다.

내 코드 : 템플릿

<div [formGroup]="formGroup"> 
     <p-dropdown [options]="results" 
       formControlName="second" 
       (onChange)="onChangeHandler($event)" 
       optionLabel="label"> 
     </p-dropdown> 
    </div> 

구성 요소

this.second = new FormControl('second'); 
    this.formGroup= this.builder.group({ 
      second: this.second 
     }); 


    this.results = []; 
    this.results.push({ label: 'First Data', value: "first" }); 
    this.results.push({ label: 'Second Test Data', value: "second" }); 
    this.results.push({ label: 'Third Data', value: "third" }); 

알려 주시기 바랍니다.

누구나 모델에서 구동되는 primeNG 드롭 다운 구성 요소의 작동 예제를 공유 할 수 있다면 좋을 것입니다. 값에는 내 예제와 같이 키, 값 속성이 있어야합니다.

Answer 1

second은 의 일부이므로 FormGroup 내부에 있어야합니다. 다음 예를 고려해보십시오.

this.formGroup= this.builder.group({ 
    second: new FormControl('second') 
});