问题标签 [mat-autocomplete]

任何好的演示/示例展示如何级联多个角度垫自动完成控件？我见过的所有参考资料都只显示了一个独立的自动完成功能。我需要使用反应形式链接两个控件（可能三个）。

一个很好的类似样本可能就像国家、州/省和城市的自动完成（取决于子控件可能会或不会出现的选择，具体取决于是否有信息）。

数据预加载在内存中（不是很大），因此无需异步查找服务器。

我有一个组件应该根据输入值在两个 mat-autocomplete 之间选择。

两个 mat-autocomplete 都可以在没有 ngIf 的情况下工作，但是当包含它时它们会停止工作，我看到“[object Object]”并且在单击时崩溃：

是否不可能在 ngIf 中包含 mat-autocomplete？

我在 Angular 7 中使用了 mat-autocomplete。

下面是我的组件代码。

现在，通过输入输入，这与搜索完美结合。

我的问题是我希望列表在加载时自动填充一些项目。

我不确定如何使用这种结构来做到这一点。

谁能告诉我我该怎么做？如何动态推送/更改 mat-autocomplete 中的某些项目？

我在 Angular 材料 7 中使用了 mat-autocomplete。

通过输入输入，它可以完美地与搜索配合使用。

我的问题是我希望列表自动填充，而无需键入某些特定功能，例如在加载时填充某些项目的列表。

谁能告诉我我该怎么做？如何动态推送/更改mat-autocomplete 中的某些项目？

下面是我在其中绑定数据的 HTML

我使用 mat-autocomplete 来过滤我的数据。一切正常，但我希望有一个下拉箭头来显示输入中的所有选项。在 md-autocomplete 中，我们可以使用dropdown-arrow="true"但在 mat-autocomplete 中不支持它。那么如何在 mat-autocomplete 中添加下拉箭头呢？这是我的component.ts

我有垫子自动完成的问题。我在 mat-autocomplete 中创建了一个下拉箭头，以便在单击它时显示所有选项。当我第一次单击它时，它会显示所有选项

但是当我选择 1 个选项并再次单击时，它只会显示由我的选择选项过滤的选项。

我只是希望它在打开下拉列表时显示所有选项。我该如何解决？

我的组件.html

我正在尝试进行自动完成，但这会引发此错误，有什么更好的处理方法？我有这个来自我的数据库的 json

这个组件 HTML

这是我从角度站点获取的方法

如何在另一个 mat-autocomplete 的（option-Selected）事件上打开 mat-autocomplete 面板

请参考此处的示例https://stackblitz.com/edit/angular-material-autocomplete-mqnxp5

我在一个页面上有多个自动完成，并且能够选择值并保存它们。我需要的是，当我下次加载页面时，默认情况下应该为已经选择并保存的值显示预先选择的值。

以下是代码片段 -

在 ngOnInit 上，我能够获取保存在地图中的值，并且使用了以下不起作用的逻辑 -

html -

但它不起作用。关于如何实现它的任何建议？

我创建了一个 stackBliz，它是我想要实现的一个较小的示例，但如果我可以让它在那里工作的话。然后，我应该能够弄清楚其余的。

https://stackblitz.com/edit/angular-nkajg5

当用户输入的输入不是垫自动完成中建议项目中的项目时，我想清除或将组件的值设置为“”。然后，我还想向他们显示一个垫子错误，即“输入的值无效，请仅从建议的值中选择。”

我通过以下两个我找到的例子让它工作。清除输入

https://stackblitz.com/edit/autocomplete-force-selection-tests-w2fqww?file=app%2Fapp.component.html

告诉他们错误信息

https://stackblitz.com/edit/angular-kdym4u

但是，我有三个自动完成组件，当我尝试在所有三个组件上使用该方法并从 ngAfterViewInit 调用它们时，它会导致问题。没有错误消息它只是不清除输入或显示错误消息。所以我的函数似乎没有被调用。（老实说，我不确定订阅变量在代码中的用途）我认为它必须与订阅以及我从 ngAfterViewInt() 调用它的位置有关。我对其进行了测试，只有第一个组件本身可以工作。我自己也尝试了其他两个组件，即使它们是唯一使用的控件，它们也根本不起作用。我在 tabGroup 中有三个 matAutocomplete，另外两个在 tabGroup 的第二个选项卡中。

我的构造函数和我的表单组

我如何使用@ViewChild 来获取 MatAutoCompletes

我在哪里调用控件上的方法

如果我只调用 tTaskTeam 控件它可以工作，但是当我把所有三个它都停止工作

显示错误的方法，将我的控件设置为“”，如果它不是建议的值，则清除它。

模板代码：

第一个自动完成组件

第二个 autoComplete 组件

第三个 autoComplete 组件

关闭 保存