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

时间:2014-09-02 13:30:20

标签: html angularjs angularjs-ng-repeat

我有一些通过AngularJS呈现的文本。 它以这种方式呈现:

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

我需要做的是显示文本的前40个字符,然后应该插入某种&#34; ...阅读更多&#34; -link。如果单击“更多&#34; -link”,则应显示其余文本。就像Facebook上的评论一样。

如果原始文本包含少于40个字符,则当然不应插入&#34;阅读更多&#34; -link。

你们中有谁对我如何做到这一点有一些线索?

非常感谢你。

此致 金

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

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

我还没有使用过它,但是由于你的确切原因,它在一个简短的清单上。

相关问题