Javascript 仅显示有限数量的包含HTML的文本

我使用AngularJS，我正在寻找一种方法，该方法允许我打断HTML标记，只显示其中的10行，并在最后添加链接“…查看更多”。举个例子，我有这样的东西

<div ng-bind-html="myText | cutText"></div>

其中，

cutText

是执行上述操作的过滤器。 我知道我可以使用一些方法，比如数数字母等，但显然这与HTML不太合适，我可能最终会出现断开的链接和

img

标记等。

---

我也知道我可以使用正则表达式来确定标记，但我只是想知道是否有简单的Anulgarj方法来完成这项工作？

试试下面的方法。我创建了一个属性来维护限制值，并根据按钮单击对其进行更改。您可以使用下面的代码创建

组件

或

指令

，并使其可重复使用

（（）=>{
设app=angular.module（'myapp'，[]）；
app.controller（'MyCtrl'，['$scope'，（$scope）=>{
$scope.content='与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普登悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）从Lorem Ipsum的一段经文中查找了一个更为晦涩的拉丁语单词，即Concerteturd翻阅古典文学中对这个词的引用，发现了无可置疑的来源。Lorem Ipsum来自于“de Finibus Bonorum et Malorum”（善与恶的极端）的第1.10.32节和第1.10.33节西塞罗于公元前45年所著。这本书是一本关于伦理理论的论文，在文艺复兴时期非常流行。洛雷姆·伊普苏姆的第一行“洛雷姆·伊普苏姆·多洛尔·西特·阿梅特…”来自第1.10.32节。自1500年代以来使用的洛雷姆·伊普苏姆的标准部分在下面为感兴趣的人复制。第1.10.32节和第1.10.33节来自西塞罗的“de Finibus Bonorum et Malorum”同样以原作形式复制，并附有H.Rackham 1914年翻译的英文版本；
$scope.limit=20；
$scope.showMore=（）=>{
$scope.limit=1000；
}
$scope.showLess=（）=>{
$scope.limit=20；
}
}]);
})（）；

a{
字体大小：10px；
}

{{content | limito:limit}

这是否回答了您的问题？如果您可以，请告诉我们您使用的是哪个角度版本。