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


Posted in Javascript onOctober 02, 2018

情景一

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

Javascript 相关文章推荐
JavaScript OOP面向对象介绍
Dec 02 Javascript
JavaScript 反科里化 this [译]
Sep 20 Javascript
jQuery实现的简洁下拉菜单导航效果代码
Aug 26 Javascript
一道关于JavaScript变量作用域的面试题
Mar 08 Javascript
Vue.js教程之计算属性
Nov 11 Javascript
Vue axios 中提交表单数据(含上传文件)
Jul 06 Javascript
详解JS取出两个数组中的不同或相同元素
Mar 20 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 Javascript
解决antd的Form组件setFieldsValue的警告问题
Oct 29 Javascript
vue 图片裁剪上传组件的实现
Nov 12 Javascript
如何在JavaScript中正确处理变量
Dec 25 Javascript
angularjs使用div模拟textarea文本框的方法
Oct 02 #Javascript
解决ng-repeat产生的ng-model中取不到值的问题
Oct 02 #Javascript
ng-repeat指令在迭代对象时的去重方法
Oct 02 #Javascript
浅谈开发eslint规则
Oct 01 #Javascript
Angular ElementRef简介及其使用
Oct 01 #Javascript
element上传组件循环引用及简单时间倒计时的实现
Oct 01 #Javascript
使用iView Upload 组件实现手动上传图片的示例代码
Oct 01 #Javascript
You might like
PHP5 安装方法
2006/10/09 PHP
VML绘图板②脚本--VMLgraph.js、XMLtool.js
2006/10/09 PHP
php 静态变量的初始化
2009/11/15 PHP
深入PHP获取随机数字和字母的方法详解
2013/06/06 PHP
php 解压rar文件及zip文件的方法
2014/05/05 PHP
PHP获取客户端真实IP地址的5种情况分析和实现代码
2014/07/08 PHP
tp5框架使用composer实现日志记录功能示例
2019/01/10 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
javascript动画效果类封装代码
2007/08/28 Javascript
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
IE关闭时判断及AJAX注销案例学习
2013/02/18 Javascript
js 单击式的下拉菜单效果实例
2013/08/13 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
原生JS发送异步数据请求
2017/06/08 Javascript
微信小程序实现运动步数排行功能(可删除)
2018/07/05 Javascript
vue.js内置组件之keep-alive组件使用
2018/07/10 Javascript
VuePress 快速踩坑小结
2019/02/14 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
jQuery 隐藏/显示效果函数用法实例分析
2020/05/20 jQuery
[01:37]DOTA2超级联赛专访ChuaN 传奇般的电竞之路
2013/06/19 DOTA
深入分析在Python模块顶层运行的代码引起的一个Bug
2014/07/04 Python
在Python中使用mechanize模块模拟浏览器功能
2015/05/05 Python
python 从csv读数据到mysql的实例
2018/06/21 Python
python3实现猜数字游戏
2020/12/07 Python
对Python生成器、装饰器、递归的使用详解
2019/07/19 Python
python爬虫爬取笔趣网小说网站过程图解
2019/11/18 Python
用python求一重积分和二重积分的例子
2019/12/06 Python
免税水晶:Duty Free Crystal
2019/05/13 全球购物
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
回门宴新郎答谢词
2014/01/12 职场文书
党的群众路线对照检查材料
2014/08/27 职场文书
政府班子四风问题整改措施
2014/10/04 职场文书
无违反计划生育证明格式
2015/06/24 职场文书
如何利用python创作字符画
2022/06/25 Python