在 angularjs ui-select 中显示十六进制颜色

Question

我有一个ui-select，其中一个叫做颜色的属性是十六进制的，angular 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>，但对于此示例来说按钮很简单。

在 angularjs ui-select 中显示十六进制颜色

Show hexadecimal color in angularjs ui-select

angularjs

angular-ui-select