angular - 如何在输入字段右侧对齐 Material 图标？

Question

我正在使用垫自动完成文本框。我目前有一个搜索图标，它与输入左侧对齐。我想将其右对齐。有人可以帮帮我吗？

<mat-form-field floatLabel="never" class="example-full-width" appearance="outline">
      <input type="search" placeholder="Name"
        aria-label="Number" matInput [formControl]="myControl" [matAutocomplete]="auto" />
      <mat-icon color="primary" matPrefix>search</mat-icon>
      <mat-autocomplete #auto="matAutocomplete">
        <mat-option *ngFor="let option of filteredOptions | async" [value]="option">
          {{option}}
        </mat-option>
      </mat-autocomplete>
    </mat-form-field>   

Answer 1

只需将 matPrefix 替换为 matSuffix

<mat-icon color="primary" matSuffix>search</mat-icon>