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 03 Javascript
js中运算符&& 和 || 的使用记录
Aug 21 Javascript
浅谈jQuery before和insertBefore的区别
Dec 04 Javascript
Vue数据驱动模拟实现1
Jan 11 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
代码详解javascript模块加载器
Mar 04 Javascript
JavaScript中常用的简洁高级技巧总结
Mar 10 Javascript
ionic3双击返回退出应用的方法
Sep 17 Javascript
Vue 中 filter 与 computed 的区别与用法解析
Nov 21 Javascript
记一次用ts+vuecli4重构项目的实现
May 21 Javascript
Js跳出两级循环方法代码实例
Sep 22 Javascript
JavaScript 原型与原型链详情
Nov 02 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
编译问题
2006/10/09 PHP
php获取地址栏信息的代码
2008/10/08 PHP
php基于表单密码验证与HTTP验证用法实例
2015/01/06 PHP
PHP简单读取xml文件的方法示例
2017/04/20 PHP
javascript textContent与innerText的异同分析
2010/10/22 Javascript
基于Jquery制作的幻灯片图集效果打包下载
2011/02/12 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
js实现字符串和数组之间相互转换操作
2016/01/12 Javascript
实例解析jQuery中如何取消后续执行内容
2016/12/01 Javascript
jquery拼接ajax 的json和字符串拼接的方法
2017/03/11 Javascript
JS实现侧边栏鼠标经过弹出框+缓冲效果
2017/03/29 Javascript
让IDE识别webpack的别名alias的实现方法
2020/05/06 Javascript
vue总线机制(bus)知识点详解
2020/05/10 Javascript
Python简单删除目录下文件以及文件夹的方法
2015/05/27 Python
Python给你的头像加上圣诞帽
2018/01/04 Python
python使用rpc框架gRPC的方法
2018/08/24 Python
解决django同步数据库的时候app models表没有成功创建的问题
2019/08/09 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
HTML5之SVG 2D入门3—文本与图像及渲染文本介绍
2013/01/30 HTML / CSS
html5使用Drag事件编辑器拖拽上传图片的示例代码
2017/08/22 HTML / CSS
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
GUESS西班牙官方网上商城:美国服饰品牌
2017/03/15 全球购物
韩国11街:11STREET
2018/03/27 全球购物
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
临床医学专业个人的自我评价
2013/09/27 职场文书
入党申请书自我鉴定
2013/10/12 职场文书
求职自荐信格式
2013/12/04 职场文书
促销活动总结报告
2014/04/26 职场文书
国旗下的讲话演讲稿
2014/05/08 职场文书
留学推荐信范文
2014/05/10 职场文书
八荣八耻的活动方案
2014/08/16 职场文书
大学生学习计划书
2014/09/15 职场文书
2014年班组建设工作总结
2014/12/01 职场文书
《世界多美呀》教学反思
2016/02/22 职场文书
Python编解码问题及文本文件处理方法详解
2021/06/20 Python