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 相关文章推荐
jQuery1.4.2与老版本json格式兼容的解决方法
Feb 12 Javascript
JavaScript实现的日期控件具体代码
Nov 18 Javascript
JS将光标聚焦在文本最后的实现代码
Mar 28 Javascript
node.js中的path.sep方法使用说明
Dec 08 Javascript
jquery中添加属性和删除属性
Jun 03 Javascript
Bootstrap标签页(Tab)插件使用方法
Mar 21 Javascript
浅谈Node.js之异步流控制
Oct 25 Javascript
用vue-cli开发vue时的代理设置方法
Sep 20 Javascript
Vue中对iframe实现keep alive无刷新的方法
Jul 23 Javascript
基于JavaScript伪随机正态分布代码实例
Nov 07 Javascript
微信小程序实现音频文件播放进度的实例代码
Mar 02 Javascript
5个你不知道的JavaScript字符串处理库(小结)
Jun 01 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 error_log 函数的使用
2009/04/13 PHP
关于使用key/value数据库redis和TTSERVER的心得体会
2013/06/28 PHP
php实现简单的上传进度条
2015/11/17 PHP
PHP中STDCLASS用法实例分析
2016/11/11 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
2016/12/24 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
PHP实现随机发放扑克牌
2020/04/21 PHP
Javascript - HTML的request类
2007/01/09 Javascript
jQuery使用手册之 事件处理
2007/03/24 Javascript
IE JS编程需注意的内存释放问题
2009/06/23 Javascript
javascript 学习笔记(onchange等)
2010/11/14 Javascript
node.js中的buffer.slice方法使用说明
2014/12/10 Javascript
JavaScript中的比较操作符>、=、
2014/12/31 Javascript
JavaScript学习笔记之JS对象
2015/01/22 Javascript
jQuery中的select操作详解
2016/11/29 Javascript
Bootstrap显示与隐藏简单实现代码
2017/03/06 Javascript
JS文件/图片从电脑里面拖拽到浏览器上传文件/图片
2017/03/08 Javascript
JS ES6中setTimeout函数的执行上下文示例
2017/04/27 Javascript
easyui combogrid实现本地模糊搜索过滤多列
2017/05/13 Javascript
原生javascript实现文件异步上传的实例讲解
2017/10/26 Javascript
vue添加axios,并且指定baseurl的方法
2018/09/19 Javascript
[42:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS OpTic
2018/03/31 DOTA
[01:21:36]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python中IPYTHON入门实例
2015/05/11 Python
使用Python求解最大公约数的实现方法
2015/08/20 Python
selenium python浏览器多窗口处理代码示例
2018/01/15 Python
Python sorted对list和dict排序
2020/06/09 Python
jupyter notebook 写代码自动补全的实现
2020/11/02 Python
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
CSS3 不定高宽垂直水平居中的几种方式
2020/03/26 HTML / CSS
澳大利亚墨水站Ink Station:墨水和碳粉打印机墨盒
2019/03/24 全球购物
Java基础知识面试题
2014/03/25 面试题
小学生运动会报道稿
2014/09/12 职场文书
导游词之海南-南湾猴岛
2019/10/12 职场文书
浅谈MySQL表空间回收的正确姿势
2021/10/05 MySQL