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 相关文章推荐
地震发生中逃生十大法则
May 12 Javascript
jquery插件 cluetip 关键词注释
Jan 12 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
Sep 25 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
Feb 05 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
Apr 07 Javascript
微信小程序 navigation API实例详解
Oct 02 Javascript
input file上传 图片预览功能实例代码
Oct 25 Javascript
js date 格式化
Feb 15 Javascript
原生JS实现导航下拉菜单效果
Nov 25 Javascript
深入浅析Vue全局组件与局部组件的区别
Jun 15 Javascript
一文读懂ES7中的javascript修饰器
May 06 Javascript
在vue中高德地图引入和轨迹的绘制的实现
Oct 11 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
颠覆常识!无色透明的咖啡诞生了(中日双语)
2021/03/03 咖啡文化
PHP的异常处理类Exception的使用及说明
2012/06/13 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
PHP命令行脚本接收传入参数的三种方式
2014/08/20 PHP
destoon出现验证码不显示时的紧急处理方法
2014/08/22 PHP
PHP实现的简单操作SQLite数据库类与用法示例
2017/06/19 PHP
THREE.JS入门教程(3)着色器-下
2013/01/24 Javascript
jquery 单引号和双引号的区别及使用注意
2013/07/31 Javascript
javascript实现10个球随机运动、碰撞实例详解
2015/07/08 Javascript
快速解决js开发下拉框中blur与click冲突
2016/10/10 Javascript
JS实现Ajax的方法分析
2016/12/20 Javascript
JQuery获取鼠标进入和离开容器的方向
2016/12/29 Javascript
详解Vue中添加过渡效果
2017/03/20 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
2017/07/05 Javascript
浅谈vue,angular,react数据双向绑定原理分析
2017/11/28 Javascript
JS中Map和ForEach的区别
2018/02/05 Javascript
python常用web框架简单性能测试结果分享(包含django、flask、bottle、tornado)
2014/08/25 Python
Python实现爬取知乎神回复简单爬虫代码分享
2015/01/04 Python
python logging 日志轮转文件不删除问题的解决方法
2016/08/02 Python
Python算法应用实战之栈详解
2017/02/04 Python
同时安装Python2 & Python3 cmd下版本自由选择的方法
2017/12/09 Python
python并发2之使用asyncio处理并发
2017/12/21 Python
python实现浪漫的烟花秀
2019/01/30 Python
由Python编写的MySQL管理工具代码实例
2019/04/09 Python
Python 操作 ElasticSearch的完整代码
2019/08/04 Python
python opencv把一张图片嵌入(叠加)到另一张图片上的实现代码
2020/06/11 Python
什么是.net
2015/08/03 面试题
【魔兽争霸3重制版】原版画面与淬火MOD画面对比
2021/03/26 魔兽争霸
总账会计岗位职责
2014/03/13 职场文书
自考毕业自我鉴定
2014/03/18 职场文书
我们的节日春节活动方案
2014/08/22 职场文书
法定代表人授权委托书格式
2014/10/14 职场文书
民事答辩状范本
2015/05/21 职场文书
Python实现生活常识解答机器人
2021/06/28 Python
15个值得收藏的JavaScript函数
2021/09/15 Javascript
Java 超详细讲解hashCode方法
2022/04/07 Java/Android