javascript - 选择选项上的 Bootstrap 工具提示不起作用

Question

我需要为选择框中的每个选项显示一个工具提示

 <select ng-model="rightList" class="form-control" size="13" multiple>
            <option 
                ng-repeat="item in selectedList" 
                value="{{$index}}" 
                uib-tooltip="See? Now click away..."
                tooltip-placement="right">
                {{item.name}}
            </option>
  </select>

请帮忙。

Answer 1

尝试以下代码:

JS( Controller 中的数据):

$scope.selectedList = [{
      id: 1,
      name: 'name1',
      toolTip:'tooltip one'
    }, {
      id: 2,
      name: 'name2',
      toolTip:'tooltip two'
    }, {
      id: 3,
      name: 'name3',
      toolTip:'tooltip three'
    }];

HTML:

<select>
 <option  
     data-toggle="tooltip" 
     data-placement="right" 
     title="{{item.toolTip}}" 
     ng-repeat="item in selectedList" 
     value="{{$index}}"> 
     {{item.name}}
 </option> 
</select>