Angular服务的使用 与 local storage实现页面之间的传值

服务的使用

创建服务

ng g service services/storage

使用服务

在模块文件（module.ts）引入并配置服务

import { StorageService } from './services/storage.service';

providers: [StorageService],

在要使用的ts文件下引入并声明服务 

import { StorageService } from '../../services/storage.service';


constructor(public storage:StorageService) 

        调用

this.storage.get();//假如在服务里有一个get方法

 localStorage实现页面之间的传值

        在服务里封装存储值、取值、删除值的方法

  set(key:any,value:any){
    localStorage.setItem(key,JSON.stringify(value));
  }

  get(key:any){
    return JSON.parse(localStorage.getItem(key))
  }

  remove(key:any){
    localStorage.removeItem(key);
  }

        调用

this.storage.set('随便取的名字'，this.info);
this.storage.get('随便取的的名字')

 

查看localStorage

chrome-更多-application-localstorage