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 相关文章推荐
XML的代替者----JSON
Jul 21 Javascript
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
Mar 02 Javascript
jquery 模拟雅虎首页的点击对话框效果
Apr 11 Javascript
javascript 文本框水印/占位符(watermark/placeholder)实现方法
Jan 15 Javascript
JQUERY dialog的用法详细解析
Dec 19 Javascript
Javascript模块化编程详解
Dec 01 Javascript
javascript中scrollTop详解
Apr 13 Javascript
详解Jquery实现ready和bind事件
Apr 14 Javascript
超详细的JS弹出窗口代码大全
Apr 18 Javascript
实现div内部滚动条滚动到底部和顶部的代码
Nov 15 Javascript
JS实现十字坐标跟随鼠标效果
Dec 25 Javascript
微信小程序 Storage更新详解
Jul 16 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
浅析memcache启动以及telnet命令详解
2013/06/28 PHP
PHPStorm2020.1永久激活及下载更新至2020(推荐)
2020/09/25 PHP
jQuery live
2009/05/15 Javascript
js+数组实现网页上显示时间/星期几的实用方法
2013/01/18 Javascript
jQuery标签替换函数replaceWith()的使用例子
2014/08/28 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
2014/08/30 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
javascript多物体运动实现方法分析
2016/01/08 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
2017/01/04 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
2017/06/26 jQuery
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
2018/09/15 Javascript
七行JSON代码把你的网站变成移动应用过程详解
2019/07/09 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
2020/01/07 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
2020/11/06 Javascript
[05:23]DOTA2-DPC中国联赛2月1日Recap集锦
2021/03/11 DOTA
Python基于scrapy采集数据时使用代理服务器的方法
2015/04/16 Python
python正则表达式的使用
2017/06/12 Python
深入理解Django的自定义过滤器
2017/10/17 Python
使用Python实现windows下的抓包与解析
2018/01/15 Python
关于Tensorflow中的tf.train.batch函数的使用
2018/04/24 Python
python正则过滤字母、中文、数字及特殊字符方法详解
2020/02/11 Python
python3中布局背景颜色代码分析
2020/12/01 Python
python 6种方法实现单例模式
2020/12/15 Python
经贸专业毕业生求职信
2014/03/23 职场文书
先进事迹报告会主持词
2014/04/02 职场文书
李开复演讲稿
2014/05/24 职场文书
党的群众路线教育实践活动对照检查材料
2014/09/22 职场文书
小学生毕业评语
2014/12/26 职场文书
毕业设计致谢语
2015/05/14 职场文书
教研活动主持词
2015/07/03 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
英语版自我评价,35句话轻松搞定
2019/10/08 职场文书
浅谈node.js中间件有哪些类型
2021/04/29 Javascript
阿里云服务器搭建Php+Apache运行环境的详细过程
2021/05/15 PHP
Oracle创建只读账号的详细步骤
2021/06/07 Oracle
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android