簡體   English   中英

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

[英]Angular Material 2 Autocomplete : search on change

我是第一次使用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">

每當有文本輸入更改時,是否可以通過任何方式調用搜索功能。

非常感謝

根據官方文檔

showPanel: boolean可能是您需要的。

自動完成面板是否應可見,取決於選項的長度。

更新 :通過API調用添加了Stackblitz示例。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM