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为textarea添加maxlength属性的代码
Apr 07 Javascript
SyntaxHighlighter语法高亮插件使用说明
Aug 14 Javascript
JavaScript表达式:URL 协议介绍
Mar 10 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
Jun 18 Javascript
解决jquery实现的radio重新选中的问题
Jul 03 Javascript
JSON 数据详解及实例代码分析
Jan 20 Javascript
JavaScript组件开发之输入框加候选框
Mar 10 Javascript
JS实现获取进今年第几天是周几的方法分析
Jun 27 Javascript
vue中动态设置meta标签和title标签的方法
Jul 11 Javascript
leaflet加载geojson叠加显示功能代码
Feb 21 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
Jul 11 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
Oct 27 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中文件上传的安全问题
2006/10/09 PHP
PHP设计模式之单例模式原理与实现方法分析
2018/04/25 PHP
PHP fopen函数用法实例讲解
2019/02/15 PHP
PHP面向对象程序设计子类扩展父类(子类重新载入父类)操作详解
2019/06/14 PHP
PHP7 windows支持
2021/03/09 PHP
javascript 语法基础 想学习js的朋友可以看看
2009/12/16 Javascript
Javascript中的window.event.keyCode使用介绍
2011/04/26 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
Egret引擎开发指南之编译项目
2014/09/03 Javascript
javascript中bind函数的作用实例介绍
2014/09/28 Javascript
浅谈js中的闭包
2015/03/16 Javascript
JQuery标签页效果实例详解
2015/12/24 Javascript
实例代码详解javascript实现窗口抖动及qq窗口抖动
2016/01/04 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
浅谈几种常用的JS类定义方法
2016/06/08 Javascript
js实现手机拍照上传功能
2017/01/17 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
2017/03/14 Javascript
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
[02:35]DOTA2超级联赛专访XB 难忘一年九冠称王
2013/06/20 DOTA
[01:20]DOTA2更新全新英雄 天涯墨客现已加入游戏
2018/08/25 DOTA
整理Python 常用string函数(收藏)
2016/05/30 Python
python3实现UDP协议的服务器和客户端
2017/06/14 Python
Python自动化运维_文件内容差异对比分析
2017/12/13 Python
python 显示数组全部元素的方法
2018/04/19 Python
Django用户认证系统 Web请求中的认证解析
2019/08/02 Python
详解一种用django_cache实现分布式锁的方式
2019/09/01 Python
Python csv文件记录流程代码解析
2020/07/16 Python
python中slice参数过长的处理方法及实例
2020/12/15 Python
澳大利亚首屈一指的在线购物目的地:Kogan.com
2017/02/02 全球购物
人事局接收函
2015/01/30 职场文书
90行Python代码开发个人云盘应用
2021/04/20 Python
彻底理解golang中什么是nil
2021/04/29 Golang
十大最强电系宝可梦,阿尔宙斯电系之一,第七被称为雷神
2022/03/18 日漫
小程序自定义轮播图圆点组件
2022/06/25 Javascript