angularjs - 在 AngularJS 中创建阅读更多链接

标签 angularjs angularjs-directive

我想创建一个包含阅读更多文本的链接。如果段落中的行数超过 3 行,则此链接应该可见,单击此链接将显示所有行。

最佳答案

我想做同样的事情,所以我创建了一个指令。看看这里:https://gist.github.com/doukasd/0744566c5494ebc8643f

使用非常简单:

<p data-dd-collapse-text="100">{{veryLongText}}</p>

其中 100 是您要指定的字符限制。

更新: dd-text-collapse

关于angularjs - 在 AngularJS 中创建阅读更多链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21400408/

相关文章:

javascript - 使用来自一个异步 API 调用的数据到另一个异步 API 调用

javascript - Angular JS : "Select All" options of "multi-select select box"

javascript - 使用 Angular 将文件异步加载到对象数组中并保持其顺序

javascript - 使用 angular.copy 实现 Angular 搜索

javascript - 如何使用另一个文本区域编辑文本区域值?

angularjs - 如何在 AngularJS 中动态添加指令?

angularjs - 如何将 ui-router 状态加载到 ui-bootstrap 选项卡的内容中

javascript - 如何使用wijmo flex grid获取选定行的值

javascript - Angular 链接函数范围未正确更新

angularjs - 通过指令比较两个输入以确保一个输入低于另一个输入,我如何触发计算任一输入的变化?