Bootstrap Tooltip Wählen Sie die Option nicht

Question

Arbeit benötige ich einen Tooltip für jede Optionen im Auswahlfeld

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

Jede Hilfe bitte angezeigt werden.

Answer 1

Behalten Sie den Tooltip-Wert in Titel bei. EX:

<select size="5" ng-model="displayTags"> 
<option ng-repeat="tag in tags | filter:searchTags"> 
<span title="tag.tagName">{{tag.tagName}}</span> </option> 
</select> 

Answer 2

Versuchen Sie, den folgenden Code:

JS (Data in 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>