angular4 獲取wifi列表中文顯示亂碼問題的解決
更新時(shí)間：2018年10月20日 09:39:05 作者：zxc19890923
這篇文章主要介紹了angular4 獲取wifi列表中文顯示亂碼問題的解決，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
問題描述：
如果搜索到的wifi是中文名稱，那么就會顯示特殊字符比如（甿ªç”Ÿè迪），亂碼的問題。
這里需要使用 escape方法對特殊字符編碼，然后使用 decodeURIComponent解碼
具體代碼如下
創(chuàng)建一個(gè)管道，在需要的地方使用即可。
import { Pipe, PipeTransform, Injectable } from "@angular/core";
// escape在管道中需要定義一下，要不然編譯報(bào)錯(cuò)。
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;
}
}
}
補(bǔ)充：angular2/angular4地址欄中文亂碼
有時(shí)候我們需要在url傳遞中文參數(shù)，但是獲取時(shí)會出現(xiàn)亂碼。網(wǎng)上找了好多方法，但是從前端解析的話能夠真正生效的還沒有找到。病急亂投醫(yī)，竟然被我試出來了。話不多說，方法就是用encodeURIComponent轉(zhuǎn)義兩次。即:encodeURIComponent(encodeURIComponent(你要轉(zhuǎn)換的對象))。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了詳解AngularJS中自定義指令的使用,包括結(jié)合自定義HTML標(biāo)簽的使用,需要的朋友可以參考下2015-06-06
這篇文章主要為大家詳細(xì)介紹了Angular表格神器ui-grid應(yīng)用的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
AngularJS實(shí)現(xiàn)與后臺服務(wù)器進(jìn)行交互的示例講解
今天小編就為大家分享一篇AngularJS實(shí)現(xiàn)與后臺服務(wù)器進(jìn)行交互的示例講解，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Promise是一個(gè)構(gòu)造函數(shù)，自己身上有all、reject、resolve這幾個(gè)異步方式處理值的方法，原型上有then、catch等同樣很眼熟的方法，下面通過實(shí)例代碼給大家講解angularjs promise 的相關(guān)知識，感興趣的朋友一起看看吧2018-03-03
AngularJS使用Filter自定義過濾器控制ng-repeat去除重復(fù)功能示例
這篇文章主要介紹了AngularJS使用Filter自定義過濾器控制ng-repeat去除重復(fù)功能,結(jié)合實(shí)例形式分析了AngularJS自定義過濾器的定義及數(shù)組過濾相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
這篇文章主要介紹了由淺入深剖析Angular表單驗(yàn)證 的相關(guān)資料,需要的朋友可以參考下2016-07-07
在我們創(chuàng)建一個(gè)angularJS應(yīng)用的時(shí)候，菜單往往往是不可或缺的元素之一。接下來通過本文給大家介紹AngularJS動態(tài)菜單操作指令，感興趣的朋友一起學(xué)習(xí)吧2017-04-04
詳解angularJs中自定義directive的數(shù)據(jù)交互
這篇文章主要介紹了詳解angularJs中自定義directive的數(shù)據(jù)交互，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01
基于angular實(shí)現(xiàn)三級聯(lián)動的生日插件
這篇文章主要為大家詳細(xì)介紹了基于angular實(shí)現(xiàn)三級聯(lián)動的生日插件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了angular+ionic返回上一頁并刷新頁面,需要的朋友可以參考下2017-08-08