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 相关文章推荐
在jQuery中 关于json空对象筛选替换
Apr 15 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
使用three.js 画渐变的直线
Jun 05 Javascript
Web打印解决方案之普通报表打印功能
Aug 29 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
Sep 14 Javascript
JavaScript 中 avalon绑定属性总结
Oct 19 Javascript
源码分析Vue.js的监听实现教程
Apr 23 Javascript
BootStrap Select清除选中的状态恢复默认状态
Jun 20 Javascript
vue如何将v-for中的表格导出来
May 07 Javascript
Vue Autocomplete 自动完成功能简单示例
May 25 Javascript
Vue如何实现监听组件原生事件
Jul 03 Javascript
Vue解决移动端弹窗滚动穿透问题
Dec 15 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过滤HTML标签、属性等正则表达式汇总
2014/09/22 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
Laravel 框架路由原理与路由访问实例分析
2020/04/14 PHP
Nigma vs Alliance BO5 第一场2.14
2021/03/10 DOTA
兼容ie和firefox js关闭代码
2008/12/11 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
2013/04/12 Javascript
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
jquery中$(#form :input)与$(#form input)的区别
2014/08/18 Javascript
JS小游戏之极速快跑源码详解
2014/09/25 Javascript
JQuery判断radio(单选框)是否选中和获取选中值方法总结
2015/04/15 Javascript
JS 60秒后重新发送验证码的实例讲解
2017/07/26 Javascript
jQuery实现简单的计时器功能实例分析
2017/08/29 jQuery
vue进行图片的预加载watch用法实例讲解
2018/02/07 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
2019/05/13 jQuery
通过layer实现可输入的模态框的例子
2019/09/27 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
2020/04/09 Javascript
通过实例解析JavaScript for in及for of区别
2020/06/15 Javascript
JavaScript代码实现微博批量取消关注功能
2021/02/05 Javascript
python numpy数组的索引和切片的操作方法
2018/10/20 Python
详解分布式任务队列Celery使用说明
2018/11/29 Python
tensorflow:指定gpu 限制使用量百分比,设置最小使用量的实现
2020/02/06 Python
Pycharm调试程序技巧小结
2020/08/08 Python
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
Zavvi美国:英国娱乐之家
2017/03/19 全球购物
英国最大的滑板品牌选择:Route One
2019/09/22 全球购物
高校毕业生登记表自我鉴定
2013/11/03 职场文书
财务会计人员求职的自我评价
2014/01/13 职场文书
公务员平时考核实施方案
2014/03/11 职场文书
希特勒经典演讲稿
2014/05/19 职场文书
教师纪念9.18事件演讲稿范文
2014/09/14 职场文书
机关领导干部作风整顿整改措施
2014/09/19 职场文书
酒店管理专业毕业生自我鉴定
2014/09/29 职场文书
工程项目经理岗位职责
2015/02/02 职场文书
利用python做数据拟合详情
2021/11/17 Python
Elasticsearch 批量操作
2022/04/19 Python
Win10多屏显示如何设置?Win10电脑多屏显示设置操作方法
2022/07/07 数码科技