Angular 下拉搜索问题

当我在下拉列表中搜索时，如果没有结果，它将显示未找到匹配项…但当我将“未找到匹配项”作为选项添加时。我如何解决这个问题

我在这里添加了我的代码和截图

    <mat-form-field floatLabel="never" class="full-width transparent-form">
        <input matInput focused="'true'" type="text" [(ngModel)]="searchKey" autocomplete="off" (keydown)="inputKeyPressDown($event)" (keyup)="searchReportTo($event)"
            placeholder="Search Report To">
    </mat-form-field>
    <mat-option class="pointer-none" *ngIf="noResults">No match found</mat-option>

没有找到匹配项

在这里，您使用mat选项创建了错误消息。这就是为什么在选项数组中添加了

未找到匹配项的原因。您可以使用simplediv创建错误消息，如下所示

<div class="pointer-none" *ngIf="noResults">No match found</div>

未找到匹配项

希望这有帮助
 这里您已经使用mat选项创建了错误消息。这就是为什么在选项数组中添加了
未找到匹配项的原因。您可以使用simplediv创建错误消息，如下所示

<div class="pointer-none" *ngIf="noResults">No match found</div>

<mat-form-field class="example-full-width">
<input matInput placeholder="State" aria-label="State" [matAutocomplete]="auto" [formControl]="stateCtrl">
<mat-autocomplete #auto="matAutocomplete">
  <mat-option *ngFor="let state of filteredStates | async" [value]="state.name">
    <img class="example-option-img" aria-hidden [src]="state.flag" height="25">
    <span>{{state.name}}</span> |
    <small>Population: {{state.population}}</small>
  </mat-option>
  <mat-option *ngif="filteredStates.length == 0">No match found
  </mat-option>
</mat-autocomplete>

未找到匹配项

希望这有帮助
 

<mat-form-field class="example-full-width">
<input matInput placeholder="State" aria-label="State" [matAutocomplete]="auto" [formControl]="stateCtrl">
<mat-autocomplete #auto="matAutocomplete">
  <mat-option *ngFor="let state of filteredStates | async" [value]="state.name">
    <img class="example-option-img" aria-hidden [src]="state.flag" height="25">
    <span>{{state.name}}</span> |
    <small>Population: {{state.population}}</small>
  </mat-option>
  <mat-option *ngif="filteredStates.length == 0">No match found
  </mat-option>
</mat-autocomplete>

{{state.name}|
人口：{{state.Population}
没有找到匹配项


{{state.name}|
人口：{{state.Population}
没有找到匹配项

此处无需使用mat选项请检查答案此处无需使用mat选项请检查答案可以为此创建stackblitz，以便我更轻松地解决您的问题可以为此创建stackblitz，以便我更轻松地解决您的问题