问题标签 [mat-autocomplete]

我有一个垫子自动完成功能，它会触发一个功能optionSelected()

上面的表单在mat-stepper组件内部。在optionSelected我有以下功能

当有人选择自动完成时，它将设置反应表单的值并移至下一步。它工作正常，但自动完成下拉面板仍然保持在顶部。

我累了

也在里面试过，ngAfterViewInit()但失败了。面板永远不会关闭。我正在使用角度版本 10。

请帮忙。

我有一个问题，也许有人以前遇到过..

所以问题是我希望控件只传递company.id ..但没有触发registerOn *函数..所以整个对象都通过了..关于为什么的想法？

在验证函数中，我向 api 发出请求以检查数据是否验证并且工作正常。

但是，如果该值是一个对象，我只返回 null 但这会破坏 mat-autocomplete（面板永远不会关闭）。

模板：

我在这个问题上花了超过 3 天的时间，我不知道该怎么办了。我试图在 stackblitz 中建立一个最小的工作示例，但它工作得很好。

我在响应式表单中有一个简单的 mat-autocomplete，代码直接来自文档：

单击时根本不显示选项。当我检查代码时，mat-autocomplete 中没有 mat-options。我什至尝试放置一堆 mat-option 标签（没有 ngFor），但它们仍然没有显示，所以 ngFor 不是问题。

This is the maximum simplified code sample: https://stackblitz.com/edit/angular-8r153h-wcvefg?file=app/autocomplete-sample.ts

the problem is that: selected item is not highlighted in the list, when I manually set formControl value:

but if I click on this item, then the item is highlighted:

I see that highlight is when the option has mat-selected class.

Maybe have somebody any ideas on how to highlight that item after setValue?

当我打开模态对话框并尝试关闭面板时，将打开第一个自动完成控件的选择面板，如下所示：

html:

ts：

但不幸的是，第一个自动完成的面板是在对话框加载时打开的。如何防止面板打开，或者如果不可能，关闭面板？

自动完成功能，分别为每个表单控件触发过滤器功能。

有没有办法对语句进行分组，而不是像下面那样单独使用多个可观察对象并分别写下来？

我的应用程序中有两个名为 Employee 和 Form 的组件。EmployeeComponent 中有 2 个 mat-autocomplete：State 和 City 列表。我使用“formData”参数填充这些垫子自动完成控件并将其传递给 FormComponent：

员工组件：

html

ts

表单组件：

html

此时，当我选择一个州时，我希望清除城市列表并由所选州的城市填充。那么，我应该在哪里管理呢？在 EmployeeComponent 上还是在 FormComponent 上？而且我应该用一个优雅的解决方案设置城市列表选项吗？

我尝试使用以下方法和类似方法删除 mat-autocomplete 选项列表中的所有项目，但是尽管清除了文本字段中的值，但列表项仍然存在于列表中。我可以完全清除这个列表吗？

我也看看 API，但不幸的是没有这样的功能:(

大家好，我想在下拉列表中选择值后禁用输入字段，并且我想使用重置按钮重置选定的值。

供参考 Stackblitz：https ://stackblitz.com/edit/mat-autocomplete-1uelcd?file=app%2Fautocomplete-display-example.html

例如：- 如果我们在输入字段中选择了任何值，那么在单击重置按钮后应该禁用字段，它应该启用以选择值，请检查并帮助我们。

html:

重置：

禁用：