当前位置： 移动技术网 > IT编程>脚本编程>AngularJs > angularjs手动识别字符串中的换行符方法

angularjs手动识别字符串中的换行符方法

2018年11月03日  | 移动技术网IT编程  | 我要评论

情景一

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手动识别字符串中的换行符方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网