如何显示部分文本，然后单击以在 AngularJS 中显示其余部分

Question

我有一些通过 AngularJS 呈现的文本。 它是这样渲染的：

<div>{{itm.Comment}}</div>

我需要做的是显示文本的前 40 个字符，然后应该插入某种“...阅读更多”链接。如果单击“阅读更多”链接，则应显示其余文本。就像 Facebook 上的 cmets。

如果原文少于40个字符，当然不应该插入“阅读全文”链接。

你们中的任何人对我如何实现这一点有一些线索吗？

非常感谢您。

问候， 金

Answer 1

您可以实现自己的指令来正确处理这种情况并在必要时操作 DOM。

似乎已经有一个可以使用的解决方案：https://github.com/dibari/angular-ellipsis

Answer 2

https://github.com/dibari/angular-ellipsis

我还没有使用它，但出于您使用它的确切原因，它在一个简短的列表中。