Question

我有一个uib-popover，目前显示4000个字符。如何在该弹出窗口中仅显示100个字符（如textoverflow属性）？请查看附件enter image description here附带的屏幕截图。

这是我的HTML代码：

 <i class="{{::prefix}}_TableCol_PrescriptionList_Notes_Text_OfficeComments fa fa-comment"
                   ng-show="prescription.officeNotes && showComments" uib-popover="Office Comments: {{ prescription.officeNotes }}" popover-placement="top"
                   popover-trigger="mouseenter" popover-animation="0"
                   ng-click="!prescription.disabledDueToSPM && showIconData(prescription, $event, 'officeNotes')"></i>

这是我的css文件代码：

    .popover.top {
  margin-top: -5px !important;
  font-size: 9pt;
  max-width: 500px !important;
}

Answer 1

对于HTML标记的属性，请使用limitTo：

uib-popover="Office Comments: {{ prescription.officeNotes | limitTo : 100 }}"

Uib-popover应该显示有限的字符

1 个答案: