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插件教程
Aug 25 Javascript
javascript 函数及作用域总结介绍
Nov 12 Javascript
angularjs中的单元测试实例
Dec 06 Javascript
全面解析Bootstrap手风琴效果
Apr 17 Javascript
巧用jQuery选择器提高写表单效率的方法
Aug 19 Javascript
简单实现IONIC购物车功能
Jan 10 Javascript
jQuery实现字体颜色渐变效果的方法
Mar 29 jQuery
Vue实现导出excel表格功能
Mar 30 Javascript
JS实现图片旋转动画效果封装与使用示例
Jul 09 Javascript
Node.js+Express+Mysql 实现增删改查
Apr 03 Javascript
Vue 权限控制的两种方法(路由验证)
Aug 16 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
Jul 22 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 提速工具eAccelerator 配置参数详解
2010/05/16 PHP
解析PHP 使用curl提交json格式数据
2013/06/29 PHP
关于javascript 回调函数中变量作用域的讨论
2009/09/11 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
javascript中的事件代理初探
2014/03/08 Javascript
js获取IP地址的方法小结
2014/07/01 Javascript
PHP+jQuery+Ajax实现多图片上传效果
2015/03/14 Javascript
分享JavaScript与Java中MD5使用两个例子
2015/12/23 Javascript
Vue.Js中的$watch()方法总结
2017/03/23 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
2017/06/21 Javascript
Vue实战之vue登录验证的实现代码
2017/10/31 Javascript
深入理解ES6之数据解构的用法
2018/01/13 Javascript
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
2018/02/26 Javascript
详解vue组件基础
2018/05/04 Javascript
JS实现的JSON序列化操作简单示例
2018/07/02 Javascript
详解vue-router传参的两种方式
2018/09/10 Javascript
基于js实现判断浏览器类型代码实例
2020/07/17 Javascript
深入了解JavaScript词法作用域
2020/07/29 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
使用Python构建Hopfield网络的教程
2015/04/14 Python
对pandas中apply函数的用法详解
2018/04/10 Python
pyqt5实现俄罗斯方块游戏
2019/01/11 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
python操作redis数据库的三种方法
2020/09/10 Python
详解numpy.ndarray.reshape()函数的参数问题
2020/10/13 Python
python Tornado框架的使用示例
2020/10/19 Python
CSS3教程(2):网页边框半径和网页圆角
2009/04/02 HTML / CSS
你正在寻找的CSS3 动画技术
2011/07/27 HTML / CSS
HTML5梦幻之旅——炫丽的流星雨效果实现过程
2013/08/06 HTML / CSS
阿里巴巴美国:Alibaba美国
2019/11/24 全球购物
致1500米运动员广播稿
2014/02/07 职场文书
开工仪式主持词
2014/03/20 职场文书
2014年销售助理工作总结
2014/12/01 职场文书
2016年父亲节寄语
2015/12/04 职场文书
网络新闻该怎么写?这些写作技巧你都知道吗?
2019/08/26 职场文书
Mysql 如何批量插入数据
2021/04/06 MySQL