在AngularJs中使用指令创建更多/更少的切换。

Question

我的页面上有几行描述。在页面加载我想只显示150个字符的链接阅读更多关于我想要显示其余的描述和阅读更少链接。事实上，我想在Read More / Less之间切换。我想通过创建一个指令而不是使用AngularJs提供的limitTo过滤器来做到这一点。我已经浏览了 Create read more link in AngularJS 这个链接，但它对我没有帮助。我没有代码示例或jsfiddle，因为我不知道如何开始，我是AngularJs的新手。任何帮助，将不胜感激。提前谢谢。

Answer 1

我用一个简单的Angular指令包装jQuery dotdotdot取得了很大的成功。我不能删除确切的代码，而是指令的核心：

• 是A（属性）指令
• 需要ngBindHtml
• 有链接功能：
  • 设置$scope.truncated变量以跟踪是否已应用dotdotdot的位置
  • 监视element.html()进行更改，如果更改且未应用dotdotdot，则通过调用element.dotdotdot()并翻转truncated标记
  来应用更改