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 for循环从入门到偏门(效率优化+奇特用法)
Aug 01 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
深入分析下javascript中的[]()+!
Jul 07 Javascript
微信小程序 教程之模板
Oct 18 Javascript
js简单正则验证汉字英文及下划线的方法
Nov 28 Javascript
微信小程序 scroll-view隐藏滚动条详解
Jan 16 Javascript
Vue框架中正确引入JS库的方法介绍
Jul 30 Javascript
基于jQuery的表单填充实例
Aug 22 jQuery
bootstrap multiselect下拉列表功能
Aug 22 Javascript
详解Angular模板引用变量及其作用域
Nov 23 Javascript
Vue动态生成表格的行和列
Jul 18 Javascript
Typescript的三种运行方式(小结)
Sep 18 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
一个分页的论坛
2006/10/09 PHP
PHP投票系统防刷票判断流程分析
2012/02/04 PHP
ThinkPHP访问不存在的模块跳转到404页面的方法
2014/06/19 PHP
php图片处理函数获取类型及扩展名实例
2014/11/19 PHP
PHP常见错误提示含义解释(实用!值得收藏)
2016/04/25 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
VSCode+PHPstudy配置PHP开发环境的步骤详解
2020/08/20 PHP
javascript suggest效果 自动完成实现代码分享
2012/02/17 Javascript
node.js中的console.time方法使用说明
2014/12/09 Javascript
jquery滚动特效集锦
2015/06/03 Javascript
JavaScript实现网站访问次数统计代码
2015/08/12 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
2015/09/14 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
2016/10/26 Javascript
jQuery实现根据生日计算年龄 星座 生肖
2016/11/23 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
浅谈通过JS拦截 pushState和replaceState事件
2017/07/21 Javascript
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例
2019/01/29 Javascript
bootstrap tooltips在 angularJS中的使用方法
2019/04/10 Javascript
微信小程序实现单列下拉菜单效果
2019/04/25 Javascript
js JSON.stringify()基础详解
2019/06/19 Javascript
微信小程序 Storage更新详解
2019/07/16 Javascript
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
Python 代码性能优化技巧分享
2012/08/07 Python
python自动格式化json文件的方法
2015/03/11 Python
python 3.6 +pyMysql 操作mysql数据库(实例讲解)
2017/12/20 Python
python直接获取API传递回来的参数方法
2018/12/17 Python
python 字典 setdefault()和get()方法比较详解
2019/08/07 Python
python使用selenium爬虫知乎的方法示例
2020/10/28 Python
护士自荐信怎么写
2013/10/18 职场文书
经济学博士求职自荐信范文
2013/11/23 职场文书
实习单位鉴定评语
2014/04/26 职场文书
大学毕业生个人自荐书
2014/07/02 职场文书
业务员岗位职责
2015/02/03 职场文书
小学生读书笔记
2015/07/01 职场文书
springboot应用服务启动事件的监听实现
2022/04/06 Java/Android