使用ng-bind-html跳转?

时间:2015-12-16 19:11:33

标签: html angularjs page-break ng-bind-html

我的git read-tree -mu HEAD array包含objects内容html。每个string都包含string作为跳转中断。例如。在跳转休息之前有一个介绍摘要的博客文章,以减少网页上的空间量。

<br>

这是我的代码的基本示例。有没有办法隐藏<div ng-repeat="post in blog"> <div ng-bind-html="post.content"></div> </div> 之后带有角度<br>而没有复杂的javascript过滤器的文本?我想我可能会编写CSS来处理这个问题,但我想将解决方案保留在HTML文件中。

1 个答案:

答案 0 :(得分:1)

所以我会使用.split('<br>')[0]来获取

之前的文字

<强> HTML

<div ng-repeat="post in blog">
    <div ng-bind-html="post.content.split('<br />')[0]"></div>
</div>

您可以将此代码移动到控制器,以使HTML代码看起来可读。

<强> HTML

<div ng-repeat="post in blog">
    <div ng-bind-html="showFirstBr(post.content)"></div>
</div>

<强>代码

$scope.showFirstBr = function(content){
    return content.split('<br />')[0]
};

Plunkr Here