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 短路法代码精简
Aug 20 Javascript
JQuery 选择和过滤方法代码总结
Nov 19 Javascript
JS和函数式语言的三特性
Mar 05 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
Jun 13 Javascript
ionic实现滑动的三种方式
Aug 27 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
Aug 21 Javascript
浅谈Vue 初始化性能优化
Aug 31 Javascript
angularjs实现过滤并替换关键字小功能
Sep 19 Javascript
js登录滑动验证的实现(不滑动无法登陆)
Jan 03 Javascript
vue2.0 循环遍历加载不同图片的方法
Mar 06 Javascript
JavaScript中变量、指针和引用功能与操作示例
Aug 04 Javascript
vue实现的多页面项目如何优化打包的步骤详解
Jul 19 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
全国FM电台频率大全 - 3 河北省
2020/03/11 无线电
PHP中去掉字符串首尾空格的方法
2012/05/19 PHP
javascript字符串拼接的效率问题
2010/12/25 Javascript
解析prototype,JQuery中跳出each循环的方法
2013/12/12 Javascript
NODE.JS加密模块CRYPTO常用方法介绍
2014/06/05 Javascript
JavaScript中检查对象property的存在性方法介绍
2014/12/30 Javascript
JavaScript操作cookie类实例
2015/03/31 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
2015/07/28 Javascript
对js eval()函数的一些见解
2016/08/15 Javascript
原生JS实现Ajax跨域请求flask响应内容
2017/10/24 Javascript
javascript实现数字时钟效果
2021/02/06 Javascript
Python xlwt设置excel单元格字体及格式
2020/04/18 Python
人生苦短我用python python如何快速入门?
2018/03/12 Python
python中的反斜杠问题深入讲解
2019/08/12 Python
Python将视频或者动态图gif逐帧保存为图片的方法
2019/09/10 Python
python动态视频下载器的实现方法
2019/09/16 Python
解决python虚拟环境切换无效的问题
2020/04/30 Python
如何一键升级Python所有包
2020/11/05 Python
python语言实现贪吃蛇游戏
2020/11/13 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
如何处理简单的PHP错误
2015/10/14 面试题
super()与this()的区别
2016/01/17 面试题
Lucene推荐的分页方式是什么?
2015/12/07 面试题
办理居住证介绍信
2014/01/15 职场文书
美国探亲签证邀请信
2014/02/05 职场文书
初三学习决心书
2014/03/11 职场文书
应聘英语教师求职信
2014/04/24 职场文书
财务检查整改报告
2014/11/06 职场文书
端午节活动总结报告
2015/02/11 职场文书
幼儿园教师读书笔记
2015/06/29 职场文书
2019通用版劳动合同范本!
2019/07/11 职场文书
解决golang post文件时Content-Type出现的问题
2021/05/02 Golang
PostgreSQL解析URL的方法
2021/08/02 PostgreSQL
Elasticsearch 基本查询和组合查询
2022/04/19 Python