如何在Angular中可选地添加材料自动完成

柯蒂斯

我希望能够有选择地向输入添加自动完成功能。

目前,我已经尝试*ngIf在垫子自动完成标记中添加,但由于输入具有该matAutocomplete属性并且正在寻找自动完成组件,因此会引发错误matAutocomplete还想将自动完成功能设置为null,但这没有用。

这是我的累:

但是我得到:

Error: Attempting to open an undefined instance of `mat-autocomplete`.

这就是我想要的工作方式:

但不必重复输入和表单字段标签。

G.特兰特

如果您始终拥有自动完成组件,但有时却没有相应的项目,则建议的“ hack”效果很好。但是听起来您想基于MatFormField和MatInput创建一个自定义组件,可以选择使用MatAutocomplete。我已经做到了,除非您使用Angular Material v6的未来版本,否则在表单字段上无法解决ngIf。参见https://github.com/angular/material2/issues/11096(我的问题)。他们将通过新的指令选项在Angular Material v6中修复此问题,以禁用自动完成功能- matAutocompleteDisabled发布后,您可以执行以下操作:

<input matInput [matAutocomplete]="auto" [matAutocompletDisabled]="slide.checked">

因此,如果auto为null,则不会出现任何错误。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在FormArray中添加Angular Material自动完成

如何在角材料自动完成中过滤对象

角材料自动完成-如何允许用户添加不在建议列表中的项目?

如何在 Angular 中添加角度材料 ~4.3.3

如何在组件中绑定角材料自动完成数据

如何在材料UI中的“自动完成”之外删除选定的芯片

如何在自动完成材料ui中使用onchange?

如何在“材料UI自动完成”加载后显示建议?

如何在每行自动完成中添加额外信息

如何从材料 ui 提交自动完成的值?

如何在 React 中正确地自动完成

在自动完成材料角度的建议列表中添加带有链接的页脚

如何在android中以编程方式在textinputlayout中添加自动完成文本

如何在自动完成中显示链接

如何在Eclipse中自动完成main()?

如何在jQuery中动态自动完成

如何在spyder中自动完成括号

如何在FormArray(反应性表单)中使用mat-autocomplete(角材料自动完成)

如何在动态数据源 (SQL) 中使用自动完成角材料

我如何在反应中使用材料 ui 库从我的自动完成框中选择

如何在 vuetify 中动态添加/删除带有选择/自动完成值的新表单行?

如何在Django管理页面中添加多个自动完成功能

如何在自动完成标签中添加两个字符串

如何在JSON配置文件中添加安全性/自动完成类型?

如何在IntelliJ IDE中添加引导程序自动代码完成功能?

如何在jQuery自动完成的onkeyup事件中添加自定义新选项

如何在Android版Google Maps API中为自动完成预测添加样式?

如何在ckeditor对话框输入元素中添加自动完成选项?

如何获取材料2(Angular 4)自动完成以搜索外部API