angularjs手动识别字符串中的换行符方法
作者：蚂蚁冲锋队
今天小编就为大家分享一篇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++
结束语：实际应用中，为了解决国际化问题，我们都会将字符串资源放到指定的配置文件中，比如我用到的
strings_en.properties和strings_zh.properties
分别表示英文和中文。从文件中获取字符串资源后html控件并
不能自动识别换行符，此时便需要我们手动去识别。
以上这篇angularjs手动识别字符串中的换行符方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。