angular - 带有创建选项的 Angular 材质下拉菜单

Question

我正在使用 Angular 材料来创建选择的宗教下拉菜单。但我提供的选项可能无法涵盖世界上所有的宗教。但是如果没有找到，我想为用户提供在该字段中输入他/她的宗教的选项。所以，我想要做的是，给出一个名为“其他选项”的选项，当他单击该选项时，将为该选项提供一个输入字段，该选项将被视为该字段的“formcontrolName”值。

如果你在 Stackblitz 上提供代码，能看清楚就好了。

标签： angularangular-material

Answer 1

这个问题之前已经回答过了。这是使用自动完成的答案：Angular Material Autocomplete - 如何允许用户添加不在建议列表中的项目？. StackBlitz在这里。

如果您想使用标准选择而不是自动完成，这会更容易，因为您只需在列表中放置一个“其他”选项并可能通过对话框对此进行特殊处理。自动完成示例中的一些技术也可能对选择有用。