问题标签 [mat-autocomplete]

我有一个带有垫子自动完成功能的输入框。我点击了一个搜索按钮来获取匹配的条目以填充建议。虽然总体上它有效，但行为有点烦人。这就是发生的事情：

1. 我输入 ra 并回车。
2. 在进度指示器返回之后，我没有看到其他视觉变化。

3. 如果我按下向下或向右箭头等，我看不到任何建议

4. 如果我删除最后一个字符，那么它会显示建议。

用户界面代码如下所示：

refreshOptyList 函数如下：

我尝试在<mat-autocomplete>不使用反应形式的情况下使用 Angular Material（不是 AngularJS）。但他们所有的例子都使用反应形式......

我尝试做的事情：
1. 当在 中输入内容时mat-input，进行 Ajax 调用以检索用户列表
2. 在自动完成中显示用户列表（显示用户名），但将用户存储为模型
3 . 当模型改变时，调用我选择的函数

现在我做那些疯狂的事情（我说疯狂是因为它看起来很多）。

目前只有console.log在我的 JS 中才能看到叫什么，有什么价值，这里就不分享了。我是否使用了正确的属性、正确的逻辑？

（members我的组件中的属性是一个 Rxjs BehaviourSubject）

我现在所做的不起作用，因为listFilterValue从来没有设置任何东西。

当我在下面的 matAutocomplete formControl 中选择一个项目时，我总是得到 ID，而不是下拉列表中显示的值。

当我将 [value]="baseCoin.ID" 更改为 [value]="baseCoin.Abbr" 时，当我选择一个项目时会显示正确的字符串，但是，我需要 (ngModelChange) 事件将 baseCoin.ID 返回到一个方法，而不是 baseCoin.Abbr。

我错过了什么吗？

帮助表示赞赏。谢谢。

我遇到了 Angular 自动完成的问题，我无法显示名称而不是 id，正如您在此处看到的那样：

我的数据是 Observable 的，如下所示：

autocomplete.component.ts：

自动完成.service.ts：

autocomplete.component.html：

我创建了一个自定义验证器方法，该方法检查输入到 mat-autocomplete 的值是否存在于数组中。

此方法返回 { isExchange: true }。我在另一个返回错误消息的方法中使用 this.tradeForm.get('exchange').hasError('isExchange')。这一切都很好。

mat-autocomplete 的一部分，在 mat-form-field 标签内，我添加了以下代码：

不知何故，当出现错误时，这不会显示出来，但是，当我将mat-error标签更改为小标签时，它可以工作。

我已经读到只有当 FormControl 无效时才会出现垫子错误，但我不知道为什么我的不是。

有人知道我错过了什么吗？

也许我需要在控件中更改一些值才能显示 mat-error 标签？

下面是验证器函数的样子：

这就是它的使用方式：

我正在使用 angular 4 的芯片组和自动完成功能在 stackoverflow 中开发诸如标记系统之类的功能。这是我写的一段代码。它不工作

以下是在 TS 文件中：选项基本上是自动完成将选择的位置。

我在一个项目中使用材料自动完成功能，但与他们的示例不同，我从云 Firestore 数据库（测试版）中提取。我之前设置了一个服务来处理从json 服务器检索数据，这很好。

自从迁移到 firebase 后，我成功地显示了我的数据，但typeahead 功能没有按预期工作。

我尝试过同时使用 valueChanges() 和 snapshotChanges() 但两者似乎都没有什么不同，我不知道为什么。

组件.ts 文件：

我的假设是由于 firebase 的集合/文档数据结构，filteredBranches 无法正确映射值更改。任何帮助将不胜感激。

我正在使用 Angular materialAutoComplete 字段，其中服务调用会在用户键入数据时提取数据。由于用户键入的速度比服务提取数据的速度快，因此 autocompleteSelection 面板中实际显示的内容没有同步。如何在 materialAutoComplete 中实现完美的数据。如何匹配/克服用户在字段中绑定的速度以及从服务中获取的输出以显示在 autocompletePanel 中？

提前致谢。

我尝试使用switchMap更改filteredContact，请检查并告诉我为什么在语句map（result => result.contacts）中的result.contacts处出现错误

这是我的 html，其中包含材料自动完成功能。

目前，我只能检测使用的选择更改onSelectionChange，但它无法检测到该字段最初是否为空，或者在选择了一个项目然后删除它之后，我没有选择任何内容并将焦点移出输入字段。

我该如何检测？

我试过了onkeypress，ng-change再加上ng-model（不太确定如何使用它），change但没有任何效果。图书馆是否已经提供了一些规定，或者我们是否检测到更改和输入字段值？

我正在使用 mat -table 创建一个表，并且我需要在每一行的一列中自动完成，但是当我从自动完成中选择一个值时，所有行都会填充相同的值。原因是模板变量为每一行设置相同，有没有解决方案来避免这种情况？

图片