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 相关文章推荐
firefo xml 读写实现js代码
Jun 11 Javascript
jquery 表单进行客户端验证demo
Aug 24 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
Nov 15 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
Mar 28 Javascript
Javascript中的五种数据类型详解
Dec 26 Javascript
JavaScript中的对象的extensible属性介绍
Dec 30 Javascript
vue绑定class与行间样式style详解
Aug 16 Javascript
浅谈webpack编译vue项目生成的代码探索
Dec 11 Javascript
Node.js使用MySQL连接池的方法实例
Feb 11 Javascript
vue自定义底部导航栏Tabbar的实现代码
Sep 03 Javascript
vue+Element实现搜索关键字高亮功能
May 28 Javascript
vue.js 子组件无法获取父组件store值的解决方式
Nov 08 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
Linux系统下php获得系统分区信息的方法
2015/03/30 PHP
PHP使用递归生成文章树
2015/04/21 PHP
PHP substr()函数参数解释及用法讲解
2017/11/23 PHP
MacOS下PHP7.1升级到PHP7.4.15的方法
2021/02/22 PHP
Javascript实例教程(19) 使用HoTMetal(4)
2006/12/23 Javascript
jquery入门—选择器实现隔行变色实例代码
2013/01/04 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
2016/05/28 Javascript
jQuery实现的简单百分比进度条效果示例
2016/08/01 Javascript
深入分析javascript中console命令
2016/08/14 Javascript
vue中进行微博分享的实例讲解
2019/10/14 Javascript
[02:21]DOTA2英雄基础教程 蝙蝠骑士
2013/12/16 DOTA
基于Python Shell获取hostname和fqdn释疑
2016/01/25 Python
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
Python实现的简单模板引擎功能示例
2017/09/02 Python
Python用5行代码写一个自定义简单二维码
2018/10/21 Python
浅谈Python批处理文件夹中的txt文件
2019/03/11 Python
Python流行ORM框架sqlalchemy安装与使用教程
2019/06/04 Python
Python何时应该使用Lambda函数
2019/07/02 Python
Pytorch中index_select() 函数的实现理解
2019/11/19 Python
手把手教你用纯css3实现轮播图效果实例
2017/05/04 HTML / CSS
美国著名的团购网站:Woot
2016/08/02 全球购物
BONIA波尼亚新加坡官网:皮革手袋,鞋类和配件
2016/08/25 全球购物
海信商城:海信电视、科龙空调、容声冰箱官方专卖
2017/02/07 全球购物
对于没有初始化的变量的初始值可以作怎样的假定
2014/10/12 面试题
创立科技Java面试题
2015/11/29 面试题
护理专科毕业推荐信
2013/11/10 职场文书
少先队入队活动方案
2014/02/08 职场文书
幸福家庭标语
2014/06/27 职场文书
2014年幼儿园重阳节活动方案
2014/09/16 职场文书
歌舞青春观后感
2015/06/10 职场文书
基层医务人员三严三实心得体会
2016/01/05 职场文书
浅谈MySQL next-key lock 加锁范围
2021/06/07 MySQL
基于Pygame实现简单的贪吃蛇游戏
2021/12/06 Python
Nginx虚拟主机的搭建的实现步骤
2022/01/18 Servers