Uib-popoverは制限された文字を表示する必要があります

Question

現在4000文字を表示しているuib-popoverがあります。そのpopoverに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ファイルのコードがある：あなたのHTMLタグの属性については

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

Answer 1

、limitToを使う：

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