angularjs 去除html标签,angularJS如何忽略某些HTML标签?

这篇博客介绍了如何在Angular应用中创建一个自定义过滤器`truncate`,该过滤器用于从输入文本中剥离HTML标签,确保内容的安全展示。通过监控`$scope.text`的变化,应用`$sce.trustAsHtml`和`truncate`过滤器来处理和显示纯净的文本内容。
摘要由CSDN通过智能技术生成

小编典典

您可以创建过滤器,以清理HTML。

angular.module('filters', []).factory('truncate', function () {

return function strip_tags(input, allowed) {

allowed = (((allowed || '') + '')

.toLowerCase()

.match(//g) || [])

.join(''); // making sure the allowed arg is a string containing only tags in lowercase ()

var tags = /]*>/gi,

commentsAndPhpTags = /|/gi;

return input.replace(commentsAndPhpTags, '')

.replace(tags, function($0, $1) {

return allowed.indexOf('') > -1 ? $0 : '';

});

}

});

控制器:

angular.module('myApp', ['filters'])

.controller('IndexController', ['$scope', 'truncate', '$sce', function($scope, truncate, $sce){

$scope.text="";

$scope.$watch('text', function(){

$scope.sanitized = $sce.trustAsHtml(truncate($scope.text, '
'));

});

}]);

视图:

2020-07-04

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值