在ui-select中使用title属性

时间:2016-07-31 10:29:52

标签: ui-select angular-ui-select

我的情况是选择的文字太长而且不适合列表宽度或选定的字段。所以至少我需要在鼠标上显示使用span中的title属性悬停整个名称。

我试过了:

   <ui-select ng-model="f.fieldb.value">
      <ui-select-match>
        <span ng-bind="$select.selected.nm" title="$select.selected.nm"></span>
      </ui-select-match>
      <ui-select-choices repeat="item in (fieldsList | filter: $select.search)">
                <span ng-bind="item.nm" title="f.item.nm"></span>
      </ui-select-choices>
   </ui-select>

但我明白了(注意鼠标指针旁边显示的文字不正确):

enter image description here

enter image description here

是否可以获得正确的名称?

1 个答案:

答案 0 :(得分:3)

您需要将它们评估为如此表达式:

title="{{f.item.nm}}"

您当前正在将标题设置为字符串“f.item.nm”,而不是项目对象中保存的nm值