可能與省略號使用Ng重複

Question

我想給我的文字的效果...我正在使用angularjs。

我們可以使用文本溢出：省略號; 與ng-repeat給予一個tex ...效果？

我試過它不適合我。請建議！

代碼

<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時才起作用。

此外，max-width不適用於未替換的內聯元素（spec），其中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

你需要塊元素，不能跨越。
Working plunker：http://plnkr.co/edit/BmGc5zQ49WVp7aqFyYLq?p=preview
此外，此屬性不是最受瀏覽器支持的，因此請考慮使用「limitTo」過濾器。