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)文章
上拉加載，是目前手機網(wǎng)站加載數(shù)據(jù)的一種常用方式，本文主要講解AnglarJs集成，上拉加載功能。感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-02-02
本文主要介紹使用AngularJS提供的ng-show和ng-hide指令實現(xiàn)自動監(jiān)聽某布爾型變量來改變元素顯示狀態(tài)。下面跟著小編一起來看下吧2017-04-04
本篇文章主要介紹了ionic選擇多張圖片上傳的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
本文主要介紹AngularJS過濾器，這里整理了詳細的資料和提供了示例代碼及實例效果圖，有興趣的小伙伴可以參考下2016-08-08
這篇文章主要介紹了angular 內(nèi)存溢出的問題解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
AngularJS入門教程之數(shù)據(jù)綁定原理詳解
這篇文章主要介紹了AngularJS數(shù)據(jù)綁定原理,較為詳細的分析了AngularJS數(shù)據(jù)綁定的原理、使用技巧與相關(guān)注意事項,需要的朋友可以參考下2016-11-11
Angular 5.0 來了! 有這些重大變化,這篇文章就為大家介紹了Angular 5.0大變化，感興趣的小伙伴們可以參考一下2017-11-11
AngularJS使用ng-options指令實現(xiàn)下拉框
這篇文章主要介紹了AngularJS使用ng-options指令實現(xiàn)下拉框效果，ng-option指令使用也很簡單，下文具體給大家說明，對angularjs 下拉框知識感興趣的朋友一起看下吧2016-08-08
這篇文章主要介紹了AngularJs中$cookies簡單用法,結(jié)合實例形式分析了AngularJS使用$cookies存儲變量相關(guān)操作技巧與注意事項,需要的朋友可以參考下
2019-05-05