javascript - 给ngbind添加三个点

Question

我有一个像这样的字符串:

<a href="#" ng-bind="::MyString | limitTo:40"></a>

但是我需要在长度超过40的字符串后面添加三个点，我该怎么做？

Answer 1

正如评论所述，您应该使用 CSS 来实现这一点。这将确保您的数据不会更改并保持 UI 美观。

而且每个字符都有不同的宽度。检查总宽度比检查字符长度更好。

.limit {
  width: 200px;
  text-overflow: ellipsis;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  white-space: nowrap;
}

<input type="text" class="limit">

<div class="ellipsis">
  <a href="#">This is a test for ellipsis using CSS</a>
</div>