使用 ng-bind-html 跳转中断？

Question

我有 array 个 objects，其中包含 html 个内容 string。每个 string 包含一个 <br> 作为跳转。例如。一个博客 post 在跳转之前有一个简介摘要，以减少网页上 space 的数量。

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

这是我的代码的一个基本示例。有没有办法在没有复杂的 javascript 过滤器的情况下使用 angular ng- 隐藏 <br> 之后的文本？我想我可能会写 CSS 来处理这个问题，但我想将解决方案保留在 HTML 文件中。

Answer 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]
};

Jump Break with ng-bind-html?