您的位置：首页技术文章
文章详情页

angular.js - angularjs处理/n转<br/>时候 <br/>不会解析的问题

浏览：188日期：2024-10-12 09:07:56

问题描述

<!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 实在不熟悉，帮不上你。angular.js - angularjs处理/n转<br/>时候 <br/>不会解析的问题

回答3：

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/>’)

转一下

上一条：angular.js - Angular双向绑定失效了！下一条：angular.js - 求教 route ng-view 单页切换时如何缓存用户输入信息
相关文章：
1. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）2. $fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题3. java - mybatis怎么实现在数据库中有就修改,没有就添加4. MYSQL新建用户设置可以远程访问的问题5. mysql - 我的myeclipse一直连显示数据库连接失败，不知道为什么6. linux - 为什么我在mysql的my.cnf下找不到bind-address？7. MySQL中的enum类型有什么优点？8. mysql多表联合查询优化的问题9. 求教一个mysql建表分组索引问题10. 数据库设计 - MySQL数据库主键问题
排行榜
$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题
$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题
1. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）
2. java - mybatis怎么实现在数据库中有就修改,没有就添加
3. MYSQL新建用户设置可以远程访问的问题
4. angular.js - 为什么Angular2和Ionic2都用TypeScript开发，TypeScript有什么优势吗？
5. angular.js - angularjs的自定义过滤器如何给文字加颜色？
6. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？
7. javascript - 如何将 windows 下编辑器中的 CRLF 替换为 LF?
8. android-studio - Android studio中的这个框如何用快捷键打开?
9. mysql - 我的myeclipse一直连显示数据库连接失败，不知道为什么
10. Android自定义相机预览
热门标签