mat-autocomplete 面板在 Angular 中打開表單加載

Question

當我打開模態對話框時，第一個自動完成控件的選擇面板被打開，我試圖關閉面板，如下所示：

html：

<mat-form-field>
  <input
    #autoCompleteInput
    matInput
    type="text"
    [matAutocomplete]="auto"
  >
  <mat-autocomplete #auto="matAutocomplete" autoActiveFirstOption="true" [displayWith]="displayFn">
    <mat-option *ngFor="let option of filteredOptions | async" [value]="option">
      {{option.name}}
    </mat-option>
  </mat-autocomplete>
</mat-form-field>

TS：

//@ViewChild('autoCompleteInput', { read: MatAutocompleteTrigger }) autoComplete: MatAutocompleteTrigger; 
// I also tried this
@ViewChild(MatAutocompleteTrigger) autoCompleteInput: MatAutocompleteTrigger;

ngAfterViewInit() {
  debugger;
  this.autoCompleteInput.closePanel();
}

但不幸的是，第一個自動完成面板是在對話框加載時打開的。 如何防止面板打開，或者如果不可能，關閉面板？

Answer 1

只是給

autoFocus:false 

this.dialog.open(yourcomponent,{
autoFocus:false
});