在页面刷新时，在 Angular 9 中设置下拉菜单的默认值

Question

这是我正在使用的HTML 文件p-dropdown：

<p-dropdown id="userType" 
  name="userType" 
  inputId="userType" 
  formControlName="userType" 
  [required]="true"
  [tabindex]="1" 
  optionLabel="title" 
  dataKey="id" 
  [options]="userTypeList"
  placeholder="{{'Select user Type'|translate}}" 
  dropdownIcon="pi pi-caret-down"
  (onChange)="onUserTypeChange($event)">
</p-dropdown>

在我的ts 文件中，我正在通过array 填充下拉列表：

ngAfterViewInit() {
  this.getUserTypeList();

}
getUserTypeList(){
  this.userTypeList = [
    { 'id': 'BankStaff',  'title': 'Bank Staff' },
    { 'id': 'DoerStaff',  'title': 'Doer Staff' }
  ]
}

刷新页面时选择用户类型后没有设置默认值总是抓取我之前选择的值。

我尝试像这样重置ngOnInit 中的表单：

ngOnInit(): void {
  this.viFG.reset(this.viFG.value);
}

但不幸的是，这不起作用。另外，我正在添加一个屏幕截图：

刷新后，我想将我的默认下拉值设置为“选择用户类型”，这是p-dropdown的占位符。

Answer 1

您可以使用 patchvalue 方法，例如：

this.viFG.patchValue({
  userType:null
})