angular4 获取wifi列表中文显示乱码问题的解决

 更新时间:2018年10月20日 09:39:05   作者:zxc19890923  
这篇文章主要介绍了angular4 获取wifi列表中文显示乱码问题的解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

问题描述:

如果搜索到的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(你要转换的对象))。

 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 详解AngularJS中自定义指令的使用

    详解AngularJS中自定义指令的使用

    这篇文章主要介绍了详解AngularJS中自定义指令的使用,包括结合自定义HTML标签的使用,需要的朋友可以参考下
    2015-06-06
  • Angular表格神器ui-grid应用详解

    Angular表格神器ui-grid应用详解

    这篇文章主要为大家详细介绍了Angular表格神器ui-grid应用的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • AngularJS实现与后台服务器进行交互的示例讲解

    AngularJS实现与后台服务器进行交互的示例讲解

    今天小编就为大家分享一篇AngularJS实现与后台服务器进行交互的示例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • Angularjs Promise实例详解

    Angularjs Promise实例详解

    Promise是一个构造函数,自己身上有all、reject、resolve这几个异步方式处理值的方法,原型上有then、catch等同样很眼熟的方法,下面通过实例代码给大家讲解angularjs promise 的相关知识,感兴趣的朋友一起看看吧
    2018-03-03
  • AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例

    AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例

    这篇文章主要介绍了AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能,结合实例形式分析了AngularJS自定义过滤器的定义及数组过滤相关操作技巧,需要的朋友可以参考下
    2018-04-04
  • 由浅入深剖析Angular表单验证

    由浅入深剖析Angular表单验证

    这篇文章主要介绍了由浅入深剖析Angular表单验证 的相关资料,需要的朋友可以参考下
    2016-07-07
  • AngularJS动态菜单操作指令

    AngularJS动态菜单操作指令

    在我们创建一个angularJS应用的时候,菜单往往往是不可或缺的元素之一。接下来通过本文给大家介绍AngularJS动态菜单操作指令,感兴趣的朋友一起学习吧
    2017-04-04
  • 详解angularJs中自定义directive的数据交互

    详解angularJs中自定义directive的数据交互

    这篇文章主要介绍了详解angularJs中自定义directive的数据交互,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-01-01
  • 基于angular实现三级联动的生日插件

    基于angular实现三级联动的生日插件

    这篇文章主要为大家详细介绍了基于angular实现三级联动的生日插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • angular+ionic返回上一页并刷新页面

    angular+ionic返回上一页并刷新页面

    这篇文章主要介绍了angular+ionic返回上一页并刷新页面,需要的朋友可以参考下
    2017-08-08

最新评论