Angularjs html选择选项自定义模板

我的目标是用一个具有推荐值的引导标签标记其中一个选项

但是推荐的颜色是白色的，不像我想象的那样是蓝色的

我做错了什么？

您最好的选择是使用select2组件。它支持select中的模板，例如：

    <div class="input-group">
        <span class="input-group-addon start"
            ng-bind="type.refs['r1'].title"></span>
        <select ng-model="ligth_r1">
            <option value="" disabled selected>Select a Ligth</option>
            <option ng-attr-value="ligth" ng-repeat="ligth in calculator.ligths">{{ligth.name}} <span ng-show="ligth.recommended" class="label label-primary">Recommended</span></option>
        </select>
    </div>

以及HTML：

function format(state) {
    if (!state.id) return state.text; // optgroup
    return "<img class='flag' src='images/flags/" + state.id.toLowerCase() + ".png'/>" +     state.text;
}
$("#e4").select2({
    formatResult: format,
    formatSelection: format,
    escapeMarkup: function(m) { return m; }
});

---

不太清楚。你可以设置一个plunker，或者在问号中添加更多细节。问号不允许子项，只允许文本。我现在明白了。我把问题混在一起。这与tw引导无关。是缺乏关于html的知识。

<select>
<option value="0" data-foo="bar">option one</option>
...