Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 文本溢出的角度选择工具提示_Html_Angularjs_Select_Tooltip - Fatal编程技术网

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中被截断


上了解更多信息我想你已经回答了这个问题,哈。你知道怎么做吗?当然我可以帮你解决所有的问题,下次我有空的时候:)请告诉我们你试过什么。