使用“角度材质自动完成”文本框时在底部显示文本?

“角度自动完成”文本框位于标题上

文本显示正确,但远离控制文本框

<div class="col-sm-3 form-group" >
    
    <label class="control-label col-lg-8">Select Item</label>
    <mat-form-field >
      <input type="text" placeholder="Select Item" aria-label="Number" matInput [formControl]="myControl" [matAutocomplete]="auto" class="form-control">
      <mat-autocomplete #auto="matAutocomplete" [panelWidth]="auto">
        <mat-option (click)="getselected(exp.itemName,i+1,exp.id)" *ngFor="let exp of this.filteredOptions | async;let i = index" [value]="exp.itemName">
          {{exp.itemName}}
        </mat-option>
      </mat-autocomplete>
    </mat-form-field> 

  </div>