Angular 2 - 从 localStorage 存储和获取对象数组

Question

我想在 localStorage 中存储一组对象。

这是我在组件阶段存储对象数组的代码片段。

this._authenticationService.getProfilByLogin(this.form.value.j_username)
  .subscribe(result => {
     console.log('inside getting profils');
     console.log(result.json().ecomServices);
     localStorage.setItem('services_assigned', result.json().ecomServices);
  }, error => {

这是试图将其返回到另一个组件中的代码。

import {Component, OnInit} from '@angular/core';
  import {EcomService} from "../../model/EcomService";

  @Component({
    selector: 'app-sidebar-nav',
    templateUrl: './sidebar-nav.component.html',
    styleUrls: ['./sidebar-nav.component.css']
  })
  export class SidebarNavComponent implements OnInit {


    public ecomServices: EcomService[] = [];

    constructor() {
    }

    ngOnInit() {
      this.ecomServices = localStorage.getItem('services_assigned');
    }
  }

这是我的模型类(class)

export class EcomService {

  public eseCode: number;
  public eseLabel: string;

}

Answer 1

在本地存储中存储类似这样的东西

localStorage.setItem('services_assigned', JSON.stringify(this.ecomServices));

回来时做这样的事情。

this.ecomServices = JSON.parse(localStorage.getItem('services_assigned'));