reactive-forms-angular

partial-sec-component.ts

// component part

// 1. declare formgroup which contains wanted form control
public securityForm: FormGroup = new FormGroup({
   classificationItem: new FormControl()
  });
private classification: ClassificationModel;
private fb: FormBuilder;
  
ngOnInit() {
this.classification = getClassification();
// 2. build form group using the builder and init item value
 this.securityForm = this.fb.group({
       classificationItem: [this.classification]
    });
}

// template part
<form [formGroup]="securityForm" id="securityForm">
      <div class="field-container classification">
        <label>Classification</label>
        <p-dropdown
          class="sec-item"
          [options]="classifications"
          (onChange)="classificationSelectedChanged($event)"
          formControlName="classificationItem"
          optionLabel="label">
        </p-dropdown>
      </div>
  </form>