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 相关文章推荐
jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
Apr 01 Javascript
javascript实时显示当天日期的方法
May 20 Javascript
分享jQuery插件的学习笔记
Jan 14 Javascript
javascript显示系统当前时间代码
Dec 29 Javascript
Vue实现购物车功能
Apr 27 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
详解AngularJS ng-class样式切换
Jun 27 Javascript
带你了解session和cookie作用原理区别和用法
Aug 14 Javascript
微信小程序如何获取用户手机号
Jan 26 Javascript
原生JS实现简单的倒计时功能示例
Aug 30 Javascript
js实现3D粒子酷炫动态旋转特效
Sep 13 Javascript
原生js实现无缝轮播图效果
Jan 28 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
关于PHP通用返回值设置方法
2017/03/31 PHP
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
JS中eval函数的使用示例
2013/07/21 Javascript
利用cookie记住背景颜色示例代码
2013/11/04 Javascript
用JavaScript实现对话框的教程
2015/06/04 Javascript
关于JavaScript和jQuery的类型判断详解
2016/10/08 Javascript
vue组件实例解析
2017/01/10 Javascript
ES6中Array.copyWithin()函数的用法实例详解
2017/09/16 Javascript
JavaScript编程设计模式之构造器模式实例分析
2017/10/25 Javascript
JS+CSS实现滚动数字时钟效果
2017/12/25 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
2018/07/26 Javascript
angularJs提交文本框数据到后台的方法
2018/10/08 Javascript
浅析vue中的provide / inject 有什么用处
2019/11/10 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
2020/10/27 Javascript
使用Python判断IP地址合法性的方法实例
2014/03/13 Python
python实现的简单FTP上传下载文件实例
2015/06/30 Python
python中类变量与成员变量的使用注意点总结
2017/04/29 Python
Python实现图片转字符画的示例代码
2017/08/21 Python
python自动化脚本安装指定版本python环境详解
2017/09/14 Python
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
Python PyQt5模块实现窗口GUI界面代码实例
2020/05/12 Python
Python如何读取、写入CSV数据
2020/07/28 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
python如何导出微信公众号文章方法详解
2020/08/31 Python
可以随进度显示不同颜色的css3进度条分享
2014/04/11 HTML / CSS
CSS实现的一闪而过的图片闪光效果
2014/04/23 HTML / CSS
惠普加拿大在线商店:HP加拿大
2017/09/15 全球购物
海量信息软件测试笔试题
2015/08/08 面试题
音乐专业自荐信
2014/02/07 职场文书
广告学专业求职信
2014/06/19 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
幼儿园食品安全责任书
2015/05/08 职场文书
关于MybatisPlus配置双数据库驱动连接数据库问题
2022/01/22 Java/Android
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js
MYSQL中文乱码问题的解决方案
2022/06/14 MySQL