Angular中LocalStorage的使用

1、创建ts文件

export class LocalStorage {
 
  public localStorage:any;
 
  constructor() {
    if (!localStorage) {
      throw new Error('Current browser does not support Local Storage');
    }
    this.localStorage = localStorage;
  }
 
  public set(key:string, value:string):void {
    this.localStorage[key] = value;
  }
 
  public get(key:string):string {
    return this.localStorage[key] || false;
  }
 
  public setArr(key:string, value:Array<any>):void{
    this.localStorage[key] = value;
  }
 
  public setObject(key:string, value:any):void {
    this.localStorage[key] = JSON.stringify(value);
  }
 
  public getObject(key:string):any {
    return JSON.parse(this.localStorage[key] || '{}');
  }
 
  public remove(key:string):any {
    this.localStorage.removeItem(key);
  }

  public removeAll():any{
    this.localStorage.clear();
  }
}

2、在app.module.ts中引用

@NgModule({
   providers: [LocalStorage,...],
})

3、在组件（component）中使用

import {LocalStorage} from "...";
     constructor(
        private local: LocalStorage,
     ) 
 
     setMessage(name,psd){
        const json = {userName:name,pass:psd};
        this.local.setObject('msg',json);
     }

     getMessage(){
          const userMsg=this.local.getObject('msg');
     }