0

我正在使用 mat-autocomplete，因为当我选择下拉菜单并滚动主栏时，该下拉框不会随自动完成输入字段一起移动。 在此处输入图像描述

代码：

<td width = 24% *ngIf="!stock.value.status_item">
    <input style="width: 167px;" type="text" placeholder="Select Item"   #editInput  tabindex="1" class="form-control"
      matInput [matAutocomplete]="itemsAuto" [(ngModel)]="stock?.value.commodity_name" [ngModelOptions]="{standalone:true}"  [disabled]=" stock.value.confirm_status" (input)="onSearch(stock?.value.commodity_name)" >
    <mat-autocomplete  #itemsAuto="matAutocomplete"  (opened)="autocompleteScroll()">
      <mat-option *ngFor="let item of ingredients" [value]="item.name"  [disabled]="!isItemAvailable(item)" (click)="addStockManully(item,i)">
          {{item?.name}}
            <span class="styled__SelectionIcon-sc-5ssw50-7 bUDhvO" *ngIf="!isItemAvailable(item)">
              </span>
              <span class="styled__SelectionIcon-sc-5ssw50-7 bUDhvOs" *ngIf="isItemAvailable(item)">
                </span>
      </mat-option>
    </mat-autocomplete>
  </td>

4

1 回答 1

0

行为没有错，一旦为 mat-autocomplete 的 mat-select 渲染了 dropbox，一旦渲染它就不会移动它的位置。

因此，您可以在这里做的一件事是，在选择下拉列表中的选项之一之后。您可以关闭保管箱，然后滚动主栏。

或者您可以关闭输入的blur属性上的 Dropbox。因此，当您执行其他操作时，它会立即关闭下拉列表中显示的列表。

于 2020-07-17T09:09:56.000 回答