您的位置：首页 > Web前端 > HTML

Angular绑定数据时转义html标签

2015-09-12 14:13 639 查看
AngularJs在绑定数据时默认会以文本的形式出现在页面上，比如我现在有这样一段代码

<divng-controller="testCtrl">{{data}}</div> functiontestCtrl($scope){ $scope.data='<spanclass="red">标红</span>'; }

那么在页面上必然会在也面上直接显示<spanclass="red">标红</span>

要想让包含html标签的字符串，能在页面上正常显示，就必须将其转义，此时就要用到angularjs的ng-bind-html，它可以将包含html标签的字符串进行转义然后正确的显示在页面上要使用ng-bind-html必须引入angular-sanitize.min.js这个文件，并在定义模块的时候，在app.js中注入ngSanitize才可以使用ng-bind-html



<scriptsrc="lib/angular/angular.js"></script>
<scriptsrc="lib/angular/angular-sanitize.min.js"></script>

<divng-controller="testCtrl">
<divng-bind-html="data"></div>
</div

functiontestCtrl($scope){
$scope.data=''<spanclass="red">标红</span>';//记得要在app.js里面注入ngSanitize
}


　　
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航