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

了解更多信息

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

1 个答案: