Как сохранить и получить данные из локального хранилища Angular2?

Question

Мне удалось сохранить токен аутентификации в браузере localstorage, но я не смог получить его как строку. Я не могу найти примеров того, как это сделать.

Answer 1

Вы могли бы написать себе услугу инкапсулировать сериализации и десериализации:

export class StorageService { 
    write(key: string, value: any) { 
     if (value) { 
      value = JSON.stringify(value); 
     } 
     localStorage.setItem(key, value); 
    } 

    read<T>(key: string): T { 
     let value: string = localStorage.getItem(key); 

     if (value && value != "undefined" && value != "null") { 
      return <T>JSON.parse(value); 
     } 

     return null; 
    } 
} 

Добавьте его в свой поставщиков либо в bootstrap вызова:

bootstrap(App, [ ..., StorageService]); 

или в корневой компонент:

@Component({ 
    // ... 
    providers: [ ..., StorageService] 
}) 
export class App { 
    // ... 
} 

Затем в компоненте, в котором это необходимо, просто введите его в t он конструктор:

export class SomeComponent { 
    private someToken: string; 

    constructor(private storageService: StorageService) { 
     someToken = this.storageService.read<string>('my-token'); 
    } 

    // ... 
}