angular-ui-选择如何为选项创建自定义对象

时间:2015-08-01 09:35:55

标签: angularjs angular-ui

我在这里有一个多选的演示。

http://plnkr.co/edit/CVaMvt4zBUBD2QEsfIdk?p=preview

目前我可以选择哪个人物对象,但无法创建人物对象。

有一个很好的方法,良好的用户界面接受对象的用户输入?我不想手动创建3个输入字段(nameemailage)和ok按钮来插入它,因为它很繁琐,与{{1}一起看起来不太好}

ui-select

2 个答案:

答案 0 :(得分:1)

我认为,如果您只是想做一种类型的数据,如姓名或电子邮件地址,您可以实现这一目标,但接受3种不同类型的数据供用户输入,这只会让用户感到沮丧。您很可能希望至少对电子邮件字段进行验证,也可能希望对年龄和姓名进行验证。

我的建议是在选择字段下面或旁边有一个链接,说明添加另一个触发模式显示的用户或取消隐藏选择下方的小表单以添加其他用户,这些用户将填充您正在存储的数组

其他一些问题是用户创建的选择保存回某个地方的数据库还是只选择了那些?对我而言,这感觉就像你在一个选择中尝试做的很多。

答案 1 :(得分:0)

我认为你最好的选择是提醒用户,他正在寻找的东西还不存在,他必须自己添加。

我认为一个小模态窗口可以很好地完成这项工作。您可以在列表底部附加“未找到?自己添加”元素(您可以创建始终包含该元素的自定义过滤器),并且“自己添加”会打开一个模式窗口,允许用户输入值,验证它们,将它们添加到列表中并确认为选择。