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

【问题标题】：Jump Break with ng-bind-html?使用 ng-bind-html 跳转中断？
【发布时间】：2015-12-16 19:11:32
【问题描述】：

我有一个 array 或 objects，其中包含一个 html 内容 string。每个string 都包含一个  作为跳转中断。例如。一篇博文，在跳转中断之前有一个简介摘要，以减少网页上的空间量。

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

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

【问题讨论】：

【解决方案1】：

所以我会使用.split(' ')[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]
};

【讨论】：