Question

我正在使用AngularJS为网站制作类似Visual Composer的内容，因此我想要包含的一个选项是根据您在select项目上选择的内容添加HTML代码，这样做我有将每个HTML放在选项的值上，但我找不到这样做的方法：（

这就是我试图做的事情：

data.dir <- c("C:\\data\\files\\subset1\\", "C:\\data\\files\\subset3\\", "C:\\data\\files\\subset3\\")

请帮帮我!!!

Answer 1

使用AngularStrap

中的bs-select和bs-options指令

HTML

  <div class="bs-example" style="padding-bottom: 24px;" append-source>

    <label>Single select:&nbsp;</label>
    <button type="button" 
            class="btn btn-default" 
            ng-model="selectedIcon"
            data-html="1" 
            bs-options="icon.value as icon.label for icon in icons"
            bs-select>
      Action <span class="caret"></span>
    </button>
  </div>

JS

app.controller('SelectDemoCtrl', function($scope, $http) {

  $scope.selectedIcon = 'Gear';
  $scope.icons = [
    {value: 'Gear', label: '<i class="fa fa-gear"></i> Gear'},
    {value: 'Globe', label: '<i class="fa fa-globe"></i> Globe'},
    {value: 'Heart', label: '<i class="fa fa-heart"></i> Heart'},
    {value: 'Camera', label: '<i class="fa fa-camera"></i> Camera'}
  ];

});

DEMO on PLNKR

Answer 2

使用单引号，如下所示：

<select ng-model="product1.stars">
  <option value='<i class="fa fa-star"></i>
          <i class="fa fa-star"></i>
          <i class="fa fa-star"></i>
          <i class="fa fa-star-half-o"></i>
          <i class="fa fa-star-o"></i>' >
  </option>
</select>

如何将html放在select选项值中？

2 个答案: