angular4 获取wifi列表中文显示乱码问题的解决


Posted in Javascript onOctober 20, 2018

问题描述:

如果搜索到的wifi是中文名称,那么就会显示特殊字符比如(甿ªç”Ÿè迪),乱码的问题。

这里需要使用 escape方法对特殊字符编码,然后使用 decodeURIComponent解码

具体代码如下

创建一个管道,在需要的地方使用即可。

import { Pipe, PipeTransform, Injectable } from "@angular/core";
// escape在管道中需要定义一下,要不然编译报错。
declare function escape(s: string): string;
@Pipe({
 name: "ascPipe"
})
@Injectable()
export class AscIIToGBKPipe implements PipeTransform {
 transform(value: any) {
 console.log(value);
 if (value) {
  let str = escape(value);
  let dec = decodeURIComponent(str);
  return dec;
 } else {
  return value;
 }
 }
}

补充:angular2/angular4地址栏中文乱码

有时候我们需要在url传递中文参数,但是获取时会出现乱码。网上找了好多方法,但是从前端解析的话能够真正生效的还没有找到。病急乱投医,竟然被我试出来了。话不多说,方法就是用encodeURIComponent转义两次。即:encodeURIComponent(encodeURIComponent(你要转换的对象))。

 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript flash复制库类 Zero Clipboard
Jan 17 Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
May 14 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
Jul 08 Javascript
Jquery 一次处理多个ajax请求的代码
Sep 02 Javascript
jquery validate demo 基础
Oct 29 Javascript
VueJs路由跳转——vue-router的使用详解
Jan 10 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
Feb 17 Javascript
Javascript前端经典的面试题及答案
Mar 14 Javascript
浅谈vue首屏加载优化
Jun 28 Javascript
angularjs使用div模拟textarea文本框的方法
Oct 02 Javascript
vue中的过滤器及其时间格式化问题
Apr 09 Javascript
javascript局部自定义鼠标右键菜单
Dec 08 Javascript
vue 项目地址去掉 #的方法
Oct 20 #Javascript
VUE-cli3使用 svg-sprite-loader
Oct 20 #Javascript
vuex2中使用mapGetters/mapActions报错的解决方法
Oct 20 #Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
Oct 19 #Javascript
使用pkg打包Node.js应用的方法步骤
Oct 19 #Javascript
简化版的vue-router实现思路详解
Oct 19 #Javascript
vue中el-upload上传图片到七牛的示例代码
Oct 19 #Javascript
You might like
PHP企业级应用之常见缓存技术篇
2011/01/27 PHP
PHP操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
JavaScript 学习点滴记录
2009/04/24 Javascript
javascript ajax 仿百度分页函数
2013/10/29 Javascript
jQuery中index()的用法分析
2014/09/05 Javascript
JavaScript的jQuery库中ready方法的学习教程
2015/08/14 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
jQuery post数据至ashx实例详解
2016/11/18 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
2018/08/31 Javascript
使用canvas实现一个vue弹幕组件功能
2018/11/30 Javascript
PostgreSQL Node.js实现函数计算方法示例
2019/02/12 Javascript
ES7之Async/await的使用详解
2019/03/28 Javascript
js常见遍历操作小结
2019/06/06 Javascript
[55:42]VG vs VGJ.T 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
Python编程实现生成特定范围内不重复多个随机数的2种方法
2017/04/14 Python
Python3利用SMTP协议发送E-mail电子邮件的方法
2017/09/30 Python
对Pandas MultiIndex(多重索引)详解
2018/11/16 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
python批量处理txt文件的实例代码
2020/01/13 Python
解决Keras使用GPU资源耗尽的问题
2020/06/22 Python
matplotlib基础绘图命令之errorbar的使用
2020/08/13 Python
HTML5的自定义属性data-*详细介绍和JS操作实例
2014/04/10 HTML / CSS
html2canvas生成的图片偏移不完整的解决方法
2020/05/19 HTML / CSS
AmazeUI 模态窗口的实现代码
2020/08/18 HTML / CSS
Python里面如何实现tuple和list的转换
2012/06/13 面试题
装修五一活动策划案
2014/01/23 职场文书
机械制造专业毕业生求职信
2014/03/02 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书
欠条格式范本
2015/07/03 职场文书
2015年支教教师工作总结
2015/07/22 职场文书
CSS3 制作的彩虹按钮样式
2021/04/11 HTML / CSS
Python中常见的导入方式总结
2021/05/06 Python
基于JavaScript实现年月日三级联动
2021/06/22 Javascript