这篇文章主要介绍了Angular.js去除页面中显示的空行方法，文中给出了详细的示例代码供大家参考学习，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
一、前提
在开始本文之前先设定，从server取下来的内容是一个html格式 的内容，那么如下显示：
<div class="article-view-content col-md-12 col-sm-12 col-xs-12 no-padding-left no-padding-right wiki"> </div>
二、过滤器
现在要做的事情就是做一个过滤器就好了，让他来去掉content里面的空行
angular .module('articles') .filter('ArticlesTrim', ArticlesTrim) ArticlesTrim.$inject = []; function ArticlesTrim() { return function (htmlCo<strong style="color:transparent">来源gaodaima#com搞(代@码网</strong>ntent) { var re = /<p><br />|</p><p><br>|</p><p>\s/g; var trimLFCR = htmlContent.replace(re, ''); return trimLFCR; } }
这里要注意：正则表达式的编写，我这里去掉是三种：
<p><br /></p><p><br></p><p>\s
这里regexp的写法，其实就是/xxx/g最后的g表示全部匹配，如果用gi则表示大小写严格。然后，里面/需转义，所以：
<p><br /></p>
转义之后是：
<p><br />
三、正则表达式其他写法
ArticlesTrim.$inject = []; function ArticlesTrim() { return function (htmlContent) { var regex = new RegExp('<p><br /></p>', 'g'); var trimLFCR = htmlContent.replace(regex, ''); regex = new RegExp('<p><br></p>', 'g'); trimLFCR = trimLFCR.replace(regex, ''); return trimLFCR; } }
每一种需要处理的情况，就做一个RegExp来完成。
总结
以上就是Angular.js去除页面中显示的空行方法示例的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Angular.js去除页面中显示的空行方法示例
转载请注明原文链接：Angular.js去除页面中显示的空行方法示例
