Javascript 选择选项上的引导工具提示不起作用

Javascript 选择选项上的引导工具提示不起作用,javascript,html,angularjs,twitter-bootstrap,twitter-bootstrap-tooltip,Javascript,Html,Angularjs,Twitter Bootstrap,Twitter Bootstrap Tooltip,我需要为选择框中的每个选项显示工具提示 <select ng-model="rightList" class="form-control" size="13" multiple> <option ng-repeat="item in selectedList" value="{{$index}}" uib-tooltip="See? Now click

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

 <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>

{{item.name}

请帮忙

将工具提示值保留在标题中。 例:


{{tag.tagName}

请尝试以下代码:

JS(控制器中的数据):

HTML:


{{item.name}
<select size="5" ng-model="displayTags">
<option  ng-repeat="tag in tags | filter:searchTags">
<span title="tag.tagName">{{tag.tagName}}</span>    </option>
</select>
$scope.selectedList = [{
      id: 1,
      name: 'name1',
      toolTip:'tooltip one'
    }, {
      id: 2,
      name: 'name2',
      toolTip:'tooltip two'
    }, {
      id: 3,
      name: 'name3',
      toolTip:'tooltip three'
    }];
<select>
 <option  
     data-toggle="tooltip" 
     data-placement="right" 
     title="{{item.toolTip}}" 
     ng-repeat="item in selectedList" 
     value="{{$index}}"> 
     {{item.name}}
 </option> 
</select>