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 相关文章推荐
js实现漂浮回顶部按钮实例
May 06 Javascript
创建你的第一个AngularJS应用的方法
Jun 16 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
Nov 19 Javascript
JavaScript学习小结(7)之JS RegExp
Nov 29 Javascript
jQuery Dialog对话框事件用法实例分析
May 10 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
May 18 Javascript
jquery div模态窗口的简单实例
May 28 Javascript
js实现无缝循环滚动
Jun 23 Javascript
Angular 2父子组件数据传递之局部变量获取子组件其他成员
Jul 04 Javascript
函数式编程入门实践(一)
Apr 20 Javascript
Vue源码学习之关于对Array的数据侦听实现
Apr 23 Javascript
vue.js实现简单购物车功能
May 30 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实现ODBC数据分页显示一例
2006/10/09 PHP
php 页面执行时间计算代码
2008/12/04 PHP
PHP调用wsdl文件类型的接口代码分享
2014/11/19 PHP
Ajax和PHP正则表达式验证表单及验证码
2016/09/24 PHP
解决php extension 加载顺序问题
2019/08/16 PHP
JavaScript 通过模式匹配实现重载
2010/08/12 Javascript
jquery ajax同步异步的执行最终解决方案
2013/04/26 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
2013/07/09 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
2014/02/24 Javascript
jQuery后代选择器用法实例
2014/12/23 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
2015/03/03 Javascript
ES6所改良的javascript“缺陷”问题
2016/08/23 Javascript
微信小程序实现tab页面切换功能
2018/07/13 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
2018/08/22 Javascript
解决vue 打包发布去#和页面空白的问题
2018/09/04 Javascript
详解如何更好的使用module vuex
2019/03/27 Javascript
Nodejs监控事件循环异常示例详解
2019/09/22 NodeJs
js回调函数仿360开机
2019/12/26 Javascript
JS中间件设计模式的深入探讨与实例分析
2020/04/11 Javascript
[02:39]DOTA2英雄基础教程 极限穿梭编织者
2013/12/05 DOTA
Python开发实例分享bt种子爬虫程序和种子解析
2014/05/21 Python
Python中用Spark模块的使用教程
2015/04/13 Python
在Python中关于使用os模块遍历目录的实现方法
2019/01/03 Python
Django框架首页和登录页分离操作示例
2019/05/28 Python
python数据化运营的重要意义
2019/11/25 Python
Python时间差中seconds和total_seconds的区别详解
2019/12/26 Python
使用AJAX和Django获取数据的方法实例
2020/10/25 Python
selenium3.0+python之环境搭建的方法步骤
2021/02/01 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
纯CSS3单页切换导航菜单界面设计的简单实现
2016/08/16 HTML / CSS
Spartoo比利时:欧洲时尚购物网站
2017/12/06 全球购物
2014年消防工作实施方案
2014/02/20 职场文书
安全口号大全
2014/06/21 职场文书
2015暑期社会实践调查报告
2015/07/14 职场文书
导游词之晋城蟒河
2019/12/12 职场文书
《模拟人生4》推出新补丁 “婚礼奇缘”DLC终于得到修复
2022/04/03 其他游戏