angularjs - Angular UI 选择 : How to add a tooltip for text overflow?

Question

我有一个 ui-select-match 元素，当打开元素并悬停(突出显示)在一行上时，我需要一个工具提示来显示该行的全部内容，以防文本溢出被边框截断。

看起来应该是 ui-select 的一个功能，但我找不到任何关于这样的东西的引用。到目前为止，我只找到了在行内显示整个文本的解决方案。

谢谢!

Answer 1

放什么title="{{selected.name}}"在持有 ui-select-match 的元素上指示。工具提示在任何情况下都会出现，而不仅仅是在文本溢出时。

代码:

<ui-select ng-model="address.selected"
             theme="bootstrap"
             ng-disabled="disabled"
             reset-search-input="false"
             style="width: 300px;">
    <ui-select-match title="{{address.selected.formatted_address}}" placeholder="Enter an address...">{{$select.selected.formatted_address}}</ui-select-match>
    <ui-select-choices repeat="address in addresses track by $index"
             refresh="refreshAddresses($select.search)"
             refresh-delay="0">
      <div ng-bind-html="address.formatted_address | highlight: $select.search"></div>
    </ui-select-choices>
</ui-select>

见 plnkr