通过文本框选择类别和价值？

Question

我想启用一个替代文本框（类似于我们在StackOverflow上的标签一个），其中一个小变体，用户应该能够为他们输入的标签指定一个类别。我的意思是：

--------------------------------------------------
| gender: male*, state: ----------------          | <--- this is a textbox
-----------------------|--------------|-----------
                       | Illinois     |
                       | Washington   |
                       ----------------

要逐字解释，用户在开始输入时会收到建议＆＃34; g＆＃34; （显示＆＃34;性别＆＃34;），他们可以选择并转到＆＃34;：＆＃34;之后会显示性别建议（即＆＃34;男性＆＃34;和＃34;女性＆＃34;）。用户可以根据需要添加任意数量的标签，并使用＆＃34; x＆＃34; （*在上图中使用）删除该标签。

是否有任何关于实现此体验的工作？我对基于Bootstrap构建的实现特别感兴趣。

Answer 1

我建议使用角度ui-select working demo

.

Answer 2

一项建议是使用ui.bootstrap.typeahead搜索数据列表。 选择完成后添加bootstrap label。