在angularjs ui-select中顯示十六進制顏色

Question

我有一個ui-select，其中一個名為color的屬性是十六進制的，是否可以使用角度js來顯示該顏色？

<div class="form-group container-fluid">
    <label class="col-md-2 control-label">Categoría:</label>
    <div class="col-md-10">
      <ui-select ng-model="activity.category" theme="bootstrap"  title="Selecciona una categoría">
        <ui-select-match placeholder="Selecciona una categoría">
          {{ $select.selected.name }}
        </ui-select-match>
        <ui-select-choices repeat="category in categories | filter: $select.search">
          {{ category.name + category.color}}
        </ui-select-choices>
      </ui-select>
    </div>
  </div>

Answer 1

這個怎么樣？ 未經測試

<ui-select-choices repeat="category in categories | filter: $select.search> {{ category.name }} <button style="background-color:{{category.color}}"></button> </ui-select-choices>

當然，您可以使用任何<div> ，但此示例中的按鈕很簡單。