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中 For, While与递归的用法
May 07 Javascript
jquery选择器、属性设置用法经验总结
Sep 08 Javascript
AngularJS实现表单验证
Jan 28 Javascript
director.js实现前端路由使用实例
Feb 03 Javascript
JQuery基础语法小结
Feb 27 Javascript
深入浅析Extjs中store分组功能的使用方法
Apr 20 Javascript
微信开发 JS-SDK 6.0.2 经常遇到问题总结
Dec 08 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
Feb 22 Javascript
vue路由缓存的几种实现方式小结
Feb 02 Javascript
JS操作Fckeditor的一些常用方法(获取、插入等)
Feb 19 Javascript
WebWorker 封装 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
asp和php下textarea提交大量数据发生丢失的解决方法
2008/01/20 PHP
php提取微信账单的有效信息
2018/10/01 PHP
PHP的PDO连接讲解
2019/01/24 PHP
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
2012/02/27 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
2013/08/13 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
2014/05/14 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
2014/05/28 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
JavaScript中常用的六种互动方法示例
2015/03/13 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
2015/07/05 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
简单实现js选项卡切换效果
2016/02/03 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
2016/11/25 Javascript
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
layer.open 按钮的点击事件关闭方法
2018/08/17 Javascript
Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
2018/10/12 Javascript
Node.js操作系统OS模块用法分析
2019/01/04 Javascript
JavaScript Window窗口对象属性和使用方法
2020/01/19 Javascript
javascript 设计模式之组合模式原理与应用详解
2020/04/08 Javascript
详细分析JavaScript中的深浅拷贝
2020/09/17 Javascript
Python yield 使用浅析
2015/05/28 Python
深入解析Python中的__builtins__内建对象
2016/06/21 Python
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
Python OpenCV处理图像之图像像素点操作
2018/07/10 Python
python对execl 处理操作代码
2020/06/22 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
荷兰网上药店:Drogisterij.net
2019/09/03 全球购物
医学专业毕业生个人的求职信
2013/12/04 职场文书
办公室前台的岗位职责
2013/12/20 职场文书
优秀通讯员事迹材料
2014/01/28 职场文书
党员群众路线对照检查材料
2014/08/31 职场文书
党员个人对照检查材料思想汇报
2014/09/16 职场文书
《蚂蚁和蝈蝈》教学反思
2016/02/22 职场文书
暑假开始了,你的暑假学习计划写好了吗?
2019/07/04 职场文书
十大冰系宝可梦排名,颜值最高的阿罗拉九尾,第三使用率第一
2022/03/18 日漫