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 相关文章推荐
js里的prototype使用示例
Nov 19 Javascript
Js四则运算函数代码
Jul 21 Javascript
JavaScript中“基本类型”之争小结
Jan 03 Javascript
js控制浏览器全屏示例代码
Feb 20 Javascript
jQuery 仿百度输入标签插件附效果图
Jul 04 Javascript
jQuery插件制作之全局函数用法实例
Jun 01 Javascript
jQuery使用cookie与json简单实现购物车功能
Apr 15 Javascript
JS动态给对象添加属性和值的实现方法
Oct 21 Javascript
vue实现的组件兄弟间通信功能示例
Dec 04 Javascript
js实现点击图片在屏幕中间弹出放大效果
Sep 11 Javascript
转换layUI的数据表格中的日期格式方法
Sep 19 Javascript
Vue仿百度搜索功能
Dec 28 Vue.js
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
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-3 代码组织和重用2
2011/07/03 PHP
php中使用$_REQUEST需要注意的一个问题
2013/05/02 PHP
在Win2003(64位)中配置IIS6+PHP5.2.17+MySQL5.5的运行环境
2016/04/04 PHP
php中get_magic_quotes_gpc()函数说明
2017/02/06 PHP
Yii2 批量插入、更新数据实例
2017/03/15 PHP
写出更好的JavaScript程序之undefined篇(中)
2009/11/23 Javascript
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
在网站上应该用的30个jQuery插件整理
2011/11/03 Javascript
jquery xMarquee实现文字水平无缝滚动效果
2014/04/29 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
2014/09/10 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
JS实现的打字机效果完整实例
2016/06/20 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
2016/10/09 Javascript
JavaScript原生节点操作小结
2017/01/17 Javascript
AngularJS select加载数据选中默认值的方法
2018/02/28 Javascript
Vue项目路由刷新的实现代码
2019/04/17 Javascript
vue 解决IOS10低版本白屏的问题
2020/11/17 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
2020/12/14 Vue.js
Vue在H5 项目中使用融云进行实时个人单聊通讯
2020/12/14 Vue.js
Python单元测试框架unittest简明使用实例
2015/04/13 Python
在Python中操作字典之clear()方法的使用
2015/05/21 Python
django开发之settings.py中变量的全局引用详解
2017/03/29 Python
python实现图片识别汽车功能
2018/11/30 Python
python try 异常处理(史上最全)
2019/03/07 Python
Python minidom模块用法示例【DOM写入和解析XML】
2019/03/25 Python
python程序输出无内容的解决方式
2020/04/09 Python
Python常驻任务实现接收外界参数代码解析
2020/07/21 Python
python 批量下载bilibili视频的gui程序
2020/11/20 Python
分享一个H5原生form表单的checkbox特效代码
2018/02/26 HTML / CSS
使用 HTML5 Canvas 制作水波纹效果点击图片就会触发
2014/09/15 HTML / CSS
涉外经济法专业毕业生推荐信
2013/11/24 职场文书
教师现实表现材料
2014/02/14 职场文书
大学宣传委员竞选稿
2015/11/19 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
Python装饰器详细介绍
2022/03/25 Python
Java多线程并发FutureTask使用详解
2022/06/28 Java/Android