angularjs手動識別字符串中的換行符方法
更新時間：2018年10月02日 14:26:55 作者：螞蟻沖鋒隊
今天小編就為大家分享一篇angularjs手動識別字符串中的換行符方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
情景一
html：
<textarea style="text-align: left;color: yellow;" disabled="true">{{value}}</textarea>
controller：
$scope.value="1.javaScript \n 2.html5 \n 3.C++";
顯示：
1.javaScript
2.html5
3.C++
情景二
html：
<textarea style="text-align: left;color: yellow;" disabled="true">{{value}}</textarea>
controller：
$scope.value=$scope.resource.valuestr; //從strings_en.properties文件中讀取字符串
strings_en.properties：
valuestr=1.javaScript \n 2.html5 \n 3.C++
顯示：
1.javaScript \n 2.html5 \n 3.C++
可見，這種情況下，<textarea>并沒有識別'\n'換行符
解決辦法：
function newLineBySign(value){value=trim(value);var result='';if(value.indexOf("\\n")>0) { result=value.replace(/(\\n)/g,"$1\n");result=result.replace(/(\\n)/g,"");} return result;
}
controller:
$scope.value=newLineBySign($scope.resource.valuestr);
//手動識別換行符
顯示：
1.javaScript
2.html5
3.C++
結(jié)束語：實際應(yīng)用中，為了解決國際化問題，我們都會將字符串資源放到指定的配置文件中，比如我用到的
strings_en.properties和strings_zh.properties
分別表示英文和中文。從文件中獲取字符串資源后html控件并
不能自動識別換行符，此時便需要我們手動去識別。
以上這篇angularjs手動識別字符串中的換行符方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
基于Angular.js實現(xiàn)的觸摸滑動動畫實例代碼
這篇文章主要介紹了基于Angular.js實現(xiàn)的觸摸滑動動畫實例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
這篇文章主要為大家介紹了如何通過Angular實現(xiàn)表格自動滾動的效果，文中的示例代碼講解詳細，對我們學習Angular有一定幫助，需要的可以參考一下2022-01-01
這篇文章主要給大家介紹了關(guān)于protractor安裝與基本使用的相關(guān)資料，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-07-07
這篇文章主要介紹了基于Angularjs實現(xiàn)分頁功能的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-05-05
Angular2.0/4.0 使用Echarts圖表的示例代碼
本篇文章主要介紹了Angular2.0/4.0 使用Echarts的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了AngularJs ng-route路由,這里整理相關(guān)資料及簡單實例代碼，有興趣的小伙伴可以參考下2016-09-09
Angular動態(tài)添加、刪除輸入框并計算值實例代碼
這篇文章主要介紹了Angular動態(tài)添加、刪除輸入框并計算值實例代碼的相關(guān)資料,需要的朋友可以參考下2017-03-03
AngularJs html compiler詳解及示例代碼
本文主要介紹AngularJs html compiler的知識講解，這里整理了相關(guān)資料及相關(guān)示例代碼，有興趣的小伙伴可以參考下2016-09-09
這篇文章給大家介紹了angularjs中controller的三種寫法，每種寫法都給出了示例代碼，對大家理解和學習很有幫助，有需要的朋友們可以參考借鑒。2016-09-09
AngularJS中一般函數(shù)參數(shù)傳遞用法分析
這篇文章主要介紹了AngularJS中一般函數(shù)參數(shù)傳遞用法,結(jié)合實例形式分析了模型參數(shù)與普通參數(shù)的具體功能與使用技巧,需要的朋友可以參考下2016-11-11