Angular 2 - 在会话中存储的便捷方式

有没有一种方便的方法可以保存在 sessionStorage 中，而不需要手动监视属性更改和更新？

例如，我有一个带有属性“query”的 SearchComponent。

export class SearchComponent {
    private query: String;
    private searchResult: SearchResult;
    ...

每次查询或 searchResult 更改（甚至还有更多属性）时，我都必须手动更新 sessionStorage。

sessionStorage.setItem('query', query);

像自动完成这项工作的注释之类的东西会很棒：

export class SearchComponent {
    @SessionStored
    private query: String;
    @SessionStored
    private searchResult: SearchResult;
    ...

我已经找到了类似的解决方案here https://github.com/marcj/angular2-localStorage。但这并没有为会话存储.

我刚刚尝试过，它对于 LocalStorage 和 SessionStorage 都工作得很好。尝试使用以下步骤：

Step 1:

npm install --save angular2-localstorage

Step 2:

import { LocalStorageService } from 'angular2-localstorage/LocalStorageEmitter'
import { SessionStorage } from 'angular2-localstorage/WebStorage'
constructor(storageService: LocalStorageService){}

Step 3:

@LocalStorage() public lastSearchQuery:Object = {}

or,

@SessionStorage() public lastSearchQuery:Object = {};

正如文档中提到的，它很简单。

参考：https://github.com/marcj/angular2-localstorage https://github.com/marcj/angular2-localstorage