Html 文本溢出的角度选择工具提示
我有一个选择,如下所示:Html 文本溢出的角度选择工具提示,html,angularjs,select,tooltip,Html,Angularjs,Select,Tooltip,我有一个选择,如下所示: <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'"&g
<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选项填充的文本非常长,因此我计划让那些会导致溢出的文本后面有省略号
但是我想知道,另外,是否有一种方法可以使鼠标移动到select中的一个选项上,使工具提示显示完整条目?这样用户可以在做出选择之前检查完整条目。它是在HTML中还是在angular控制器中并不重要
如果没有办法的话,这是一个很好的答案,但是做一些搜索并没有得到一个关于我在这里想要做的事情是否可行的答案
谢谢 您可以将uib工具提示用作:
<span tooltip-append-to-body="true" uib-tooltip="{{select.displayName}}" tooltip-placement="right">{{select.displayName}}</span>
{{select.displayName}
此处tooltip append to body=“true”
将把工具提示移动到父范围,以便它不会在selections div中被截断
在上了解更多信息我想你已经回答了这个问题,哈。你知道怎么做吗?当然我可以帮你解决所有的问题,下次我有空的时候:)请告诉我们你试过什么。