Angular Material 2自动完成:搜索更改

时间:2018-07-25 15:08:43

标签: angular angular-material

我第一次使用Angular Material,确切地说,我使用的是自动完成工具。

我有很多数据,并且我不想在选择输入字段时显示选项列表。取而代之的是,我希望用户每次在字段中键入内容时都执行一次搜索。

这是我的代码:

<mat-form-field class="example-full-width">
                <input type="text" placeholder="Sup bro" aria-label="Number" matInput  [matAutocomplete]="auto">
                <mat-autocomplete #auto="matAutocomplete">
                <mat-option (onSelectionChange)="onSelectAdmin($event)" *ngFor="let administrateur of administrateurs" [value]="administrateur">
                    {{administrateur}}
                </mat-option>
                </mat-autocomplete>
</mat-form-field>

所以我想知道是否可以做类似*ngFor="let administrateur of searchAdministrateur($event)" [value]="administrateur">

的事情

如果有任何方法可以在每次更改文本输入时调用搜索功能。

非常感谢

1 个答案:

答案 0 :(得分:0)

根据official docs

showPanel: boolean可能正是您所需要的。

  

自动完成面板是否应该显示,具体取决于选项   长度。

更新: 通过API调用添加了Stackblitz示例。