angular.js - angularjs处理/n转<br/>时候 <br/>不会解析的问题
问题描述
<!DOCTYPE html><html ng-app><head lang='en'> <meta charset='UTF-8'> <title></title> <script src='https://www.haobala.com/wenda/angular.min.js'></script> <script>function TextareaCtrl($scope){ var str='啦啦11范德萨范德萨nfadsfadsfadnfdfadfanfdafa'; $scope.name=str.replace(/n/g,'<br/>');} </script></head><body> <p ng-controller='TextareaCtrl'><p>{{name}}</p> </p></body></html>
结果：
啦啦11范德萨范德萨<br/>fadsfadsfad<br/>fdfadfa<br/>fdafa
问题解答
回答1：要用到ng-bind-html
<!DOCTYPE html><html ng-app='test'><head lang='en'> <meta charset='UTF-8'> <title></title></head><body> <p ng-controller='TextareaCtrl'><p ng-bind-html='name'></p> </p> <script src='http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js'></script> <script> var myModule = angular.module('test',[]); myModule.controller('TextareaCtrl',['$scope','$sce',function($scope,$sce){ var str='啦啦11范德萨范德萨nfadsfadsfadnfdfadfanfdafa'; $scope.name=$sce.trustAsHtml(str.replace(/n/g,'<br/>')); }]); </script></body></html>回答2：
造成不解析的原因是angularjs对html进行了过滤，把< > 符号变为 & l t; & g t;，有图为证。我查了一下是可以禁用过滤器的，angularjs 实在不熟悉，帮不上你。
scope.Datas.userInfo.rich_summary=scope.Datas.userInfo.rich_summary.replace(/rn/gi,’<br/>’) scope.Datas.userInfo.rich_summary=scope.Datas.userInfo.rich_summary.replace(/r/gi,’<br/>’) scope.Datas.userInfo.rich_summary=scope.Datas.userInfo.rich_summary.replace(/n/gi,’<br/>’)
转一下
相关文章：
1. objective-c - 从朋友圈跳到我的APP 如何实现？2. java - PHP开发微信无法获取到signature，timestamp，nonce3. 请教一个python字符串处理的问题？4. HTML5禁止img预览该怎么解决？5. 怎么可以实现在手机浏览器看到链接的title属性，就是鼠标放上去会有一个tip效果的6. 如何分别在Windows下用Winform项模板+C#，在MacOSX下用Cocos Application项目模板+Objective-C实现一个制作游戏的空的黑窗口？7. 网页爬虫 - python爬虫用BeautifulSoup爬取<s>元素并写入字典，但某些div下没有这一元素，导致自动写入下一条，如何解决？8. html5 - h5+中webview的show方法有延迟9. javascript - vscode alt+shift+f 格式化js代码，通不过eslint的代码风格检查怎么办。。。10. javascript - html 中select如何修改样式，鼠标悬浮时改变option样式，有没有插件啊
网公网安备