文章詳情頁

angular.js - angularjs處理/n轉<br/>時候 <br/>不會解析的問題

瀏覽：253日期：2024-10-12 09:07:56

問題描述

<!DOCTYPE html><html ng-app><head lang='en'> <meta charset='UTF-8'> <title></title> <script src='http://www.b3g6.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. mac里的docker如何命令行開啟呢？2. 為什么我ping不通我的docker容器呢？？？3. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題4. docker容器呢SSH為什么連不通呢？5. nignx - docker內nginx 80端口被占用6. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””7. angular.js使用$resource服務把數據存入mongodb的問題。8. dockerfile - 我用docker build的時候出現下邊問題麻煩幫我看一下9. docker gitlab 如何git clone？10. docker 下面創建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？