줄임표로 Ng-repeat를 사용할 수 있습니다.

Question

내 텍스트에서 효과를주고 싶습니다 ... 그리고 angularjs를 사용하고 있습니다.

text-overflow : 생략 부호를 사용할 수 있습니까?ng-repeat를 사용하면 효과를 낼 수 있습니까?

나는 저를 위해 일하지 않으려 고 노력했습니다. 제발 제안!

코드

당신은 요소를 차단해야합니다

<span style="white-space: nowrap; max-width: 2em; text-overflow: ellipsis; -o-text-overflow: ellipsis;" ng-repeat="data in g.k()"> 
    {{data.name}} 
</span> 

Answer 1

text-overflow은 overflow 속성이 visible과 다른 경우에만 영향을줍니다.

또한 대체되지 않는 인라인 요소 (spec)에는 max-width이 적용되지 않으며 기본값은 span입니다. 예 작업 코드 :

.ellipsis { 
    max-width: 3em; 
    display: inline-block; /*enables max-width and overflow properties*/ 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

지금 요소에 클래스를 적용

<div ng-repeat="your loop directive"> 
    <span class="ellipsis">{{something}}</span> 
</div> 

Demo

Answer 2

, 확장 할.
작동중인 플러 크커 : http://plnkr.co/edit/BmGc5zQ49WVp7aqFyYLq?p=preview
또한이 속성은 브라우저에서 대부분 지원되지 않으므로 "limitTo"필터 사용도 고려하십시오.