如何以角度形式制作角度下拉控件（不是选择）？答案

【问题标题】：How to make angular dropdown control (not select) in angular form?如何以角度形式制作角度下拉控件（不是选择）？
【发布时间】：2016-03-01 20:54:57
【问题描述】：

我想在表单中使用下拉按钮而不是选择选项。我正在使用角度，问题是： 1. 下拉菜单应显示选择的名称，但表单应提交其 Id 2. 下拉菜单的改动不会让表单变脏

我该如何解决这个问题？

【问题讨论】：

您可以在从 ng 模型提交表单使用值时使用 ng-model="obj.arrItem.id" ng-options="arrItem.name for arrItem in arrItems" 等 ng 选项
在您的选择标签上您使用 ng-model 吗？你能做一个小提琴吗？
重点是我想使用下拉菜单 (ul, li) 而不是选择...但我希望它表现得像选择...

【解决方案1】：

好的，已解决，看来我在下拉按钮的 ng-if 表达式中有一个非常小的 typeo，这导致它始终显示“无”而不是列表中的选定项目。这让我认为表单中的选择并没有传播到模型中。

无论如何，这是我的工作codepen - 我正在使用表单字段控制器的 setViewModel 将值从下拉列表推送到隐藏的输入字段，并且 Angular 负责将其向下推送到模型，同时使表单变脏：

form.groupId.$setViewValue(group.id);

无论如何，这似乎是最优雅的方式（我能找到）（除了可能使用指令来强制替换选择输入..）

希望这会有所帮助！

【讨论】：