用于文本溢出的角度选择工具提示

Question

我有一个看起来如下的选择：

<select id="select-full"
    title="Make selection"
    class="form-control form-custom input-sm"
    name="Select"
    ng-model="form.select"
    ng-options="select.displayName as select.text for select in selects | orderBy:'text'">
    <option value="">Any</option>
</select>

由ng-options填充的一些文本非常长，因此我计划使那些会导致溢出的文件具有尾随省略号。

但是，我想知道是否还有一种方法可以将其置于选择范围内的其中一个选项上以显示完整条目的工具提示？这样用户可以在做出选择之前检查完整条目。无论是HTML还是角度控制器都没关系。

如果没有方法，这是一个很好的答案，但做一些搜索并没有得出答案，我在这里想做什么是可行的。

谢谢！

Answer 1

您可以使用uib-tooltip作为：

<span tooltip-append-to-body="true"  uib-tooltip="{{select.displayName}}" tooltip-placement="right">{{select.displayName}}</span>

这里tooltip-append-to-body="true"会将你的工具提示移动到父范围，这样它就不会在选择div中被切断。

在Uib Angular上了解更多相关信息