如何预选Primeng Dropdown值？

Question

我在我的角度应用程序中具有带有一组值的primeng下拉列表。

在“屏幕”视图中，下拉菜单不显示所选值（保存在db中的值），而是显示“选择”。

HTML：

<p-dropdown    [options]="reasons" [(ngModel)]="selectedReason"   (onChange)="getCompleteReason($event)" styleClass="ui-column-filter" filter="true"> </p-dropdown>

Component.ts

this.reasons = [];
    this.reasons.push({label: 'Select', value: null});
    this.reasons.push({label: 'Reason 1', value: 'Reason 1'});
    this.reasons.push({label: 'Reason 2', value: 'Reason 2'});
    this.reasons.push({label: 'Reason 3', value: 'Reason 3'});
    this.reasons.push({label: 'Other', value: 'Other'});


this.selectedReason = 'Reason 2' (eg value stored in the db)

Answer 1

要预先选择主菜单下拉列表值，可以使用patchValue（）这样来更新formGroup值：

public parentForm: FormGroup
this.parentForm = this.formBuilder.group({
      group: [null, [Validators.required]],
      id_module:  [null]
    })

const newObj = {group: 'Test', id_module: 32}
this.parentForm.patchValue(newObj )

Answer 2

在将名称属性添加到下拉菜单中后，此方法就起作用了

r_id