【问题标题】:Angular Material 2 Autocomplete : search on changeAngular Material 2 Autocomplete:搜索更改
【发布时间】:2018-07-26 03:20:44
【问题描述】:

我是第一次使用 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"&gt;的事情

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

非常感谢

【问题讨论】:

    标签: angular angular-material


    【解决方案1】:

    根据official docs

    showPanel: boolean 可能是你需要的。

    自动完成面板是否可见,取决于选项 长度。

    更新: 添加了带有 API 调用的 Stackblitz 示例。

    【讨论】:

    • 好的,但是我在哪里调用我的 searchAdministrateur 函数?此函数使用输入的文本执行搜索
    • @user 您可以将搜索附加到输入的值更改
    • 怎么样?实际上,这就是真正的问题所在。非常感谢
    • @user 我附上了一个stackblitz示例,想法是在输入字段中添加一个valueChange
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-17
    • 2017-06-26
    • 1970-01-01
    • 1970-01-01
    • 2017-12-30
    • 2017-11-02
    • 1970-01-01
    相关资源
    最近更新 更多