angular4 獲取wifi列表中文顯示亂碼問題的解決
更新時間：2018年10月20日 09:39:05 作者：zxc19890923
這篇文章主要介紹了angular4 獲取wifi列表中文顯示亂碼問題的解決，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
問題描述：
如果搜索到的wifi是中文名稱，那么就會顯示特殊字符比如（甿ªç”Ÿè迪），亂碼的問題。
這里需要使用 escape方法對特殊字符編碼，然后使用 decodeURIComponent解碼
具體代碼如下
創(chuàng)建一個管道，在需要的地方使用即可。
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傳遞中文參數，但是獲取時會出現亂碼。網上找了好多方法，但是從前端解析的話能夠真正生效的還沒有找到。病急亂投醫(yī)，竟然被我試出來了。話不多說，方法就是用encodeURIComponent轉義兩次。即:encodeURIComponent(encodeURIComponent(你要轉換的對象))。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
全面解析Angular中$Apply()及$Digest()的區(qū)別
$apply()和$digest()在AngularJS中是兩個核心概念，但是有時候它們又讓人困惑。這篇文章主要介紹了Angular中$Apply()及$Digest()區(qū)別詳細說明的相關資料,需要的朋友可以參考下2016-08-08
這篇文章主要為大家介紹了angular中radio單選的問題解決demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
我們對接的過程中總是遇到跨域的問題，本文使用 angualr 來講解代理api對接的話題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-04
下面小編就為大家分享一篇AngularJS select加載數據選中默認值的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了AngularJS延遲加載html template 的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
Angular Universal服務器端渲染避免 window is not&
這篇文章主要介紹了Angular Universal服務器端渲染避免 window is not defined錯誤消息，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
本篇文章主要介紹了詳解angularJS自定義指令間的相互交互，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
淺談angularJs函數的使用方法(大小寫轉換,拷貝,擴充對象)
今天小編就為大家分享一篇淺談angularJs函數的使用方法(大小寫轉換,拷貝,擴充對象)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
基于AngularJs + Bootstrap + AngularStrap相結合實現省市區(qū)聯(lián)動代碼
這篇文章主要給大家介紹基于AngularJs + Bootstrap + AngularStrap相結合實現省市區(qū)聯(lián)動的實例代碼，非常不錯具有參考借鑒價值，感興趣的朋友一起看看吧2016-05-05
簡介AngularJS中使用factory和service的方法
這篇文章主要簡單介紹了AngularJS中使用factory和service的方法,主要針對自定義工廠和服務的創(chuàng)建來講,需要的朋友可以參考下2015-06-06