如何使用Angular JS在选择下拉菜单中显示指标？

Question

我目前正在为AngularJS使用bootstrap和bootstrap-select指令。我想做一些类似于http://cl.ly/image/301L0B2X2b0r的事情。

问题是如果我们使用ng-option，我不知道如何自定义选择模板？

任何帮助都会非常感激。

Answer 1

我推荐这种方式：

这是拳头：

<select ng-options="i in items"></select>

你也可以这样做（不是ng-option方式）：

<select>
   <option ng-repeat='i in items'><option>
<select>

Answer 2

最好在实际<select>标记之外处理此问题。在浏览器中设置此标记的样式非常不一致。也许把它当作引导下拉菜单？您可以创建自己的指令来包装下拉菜单，以便您可以跟踪自定义选择控件的模型状态。然后，您可以在列表项标签上使用ng-repeat，并根据需要设置样式！