AngularJS의 오버플로 된 숨겨진 요소 div의 단어 줄 바꾸기

Question

div가 있고 div가 텍스트입니다. 내가 원하는 것은 텍스트가 2 줄 이상이면 마지막 단어 뒤에 몇 개의 점을 넣을 것입니다. 이 같은.

__________________________________ 
|asdadasdasdadadaasdasdasdasdasdasd| 
|asdadasdasdadadaasdasdasdasdasd...| 
__________________________________ 

<div class='project-name ' ng-if='true' >{{task.comment}}</div> 

div를 클릭하면 div가 확장되어 전체 div가 표시됩니다.

Answer 1

텍스트 유형에 따라 다릅니다. 그 pre 태그에 새로운 줄이 있거나 wrapper-width가 빡빡하거나 반응하는 사이트 인 경우 (이 경우에는 CSS로 동적으로 제대로 해결해야합니다). 당신에게 가장 좋은 것을해야합니다. 아마도 자신의 사용자 정의 필터는

그러나 좋은 CSS의 신들이 http://www.w3.org/TR/css-overflow-3/#max-lines을 구현하는 경우 어쩌면 그냥 간단한 우리는 조각 (신규) 및 최대 선을 사용하여 순수 CSS에서이 작업을 수행 할 수 있습니다

{{task.comment | limitTo:240}} 

을 것이다 최고 것 (신규)