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

仅当overflow属性与visible不同时，

text-overflow才会生效。

此外，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

你需要块元素，而不是跨度。
工作人员：http://plnkr.co/edit/BmGc5zQ49WVp7aqFyYLq?p=preview
此外，浏览器并不支持此属性，因此请考虑使用“limitTo”过滤器。

可以在省略号中使用Ng-repeat

2 个答案: