angular - 如何设置和获取angular2-localstorage？

Question

从这里repo ，我已经成功配置了这个:

import {Component} from "angular2/core";
import {LocalStorageService} from "angular2-localstorage/LocalStorageEmitter";

@Component({
    provider: [LocalStorageService]
})
export class AppRoot{
    constructor(private storageService: LocalStorageService){}
...
}

如何使用 storageService 设置或获取本地存储？即使在文档中，我也找不到任何示例。

已更新

经过一些测试，我设法让它通过 WebStorage 与 Decorator 一起工作:

import {LocalStorage, SessionStorage} from "angular2-localstorage/WebStorage";

@Component({})
export class LoginComponent implements OnInit {
   @LocalStorage() public username:string = 'hello world';
     ngOnInit() {
         console.log('username', this.username);
         // it prints username hello world
     }
}

但是，当我使用 Chrome Dev 查看本地存储时，我什么也看不到:

在另一个组件中，

import {LocalStorage, SessionStorage} from "angular2-localstorage/WebStorage";

@Component({})
export class DashboardComponent implements OnInit {
   @LocalStorage() public username:string;
     ngOnInit() {
         console.log(this.username);
         // it prints null
     }
}

Answer 1

该服务仅导入到应用程序中，以便它可以运行初始化代码。

正如提到的其他答案一样，您应该使用它的方式是通过装饰器。

请注意，这意味着您只需将服务导入到您的最根 (app) 组件，而不是所有使用装饰器的组件。

更新

也可以尝试使用 instructions 的第 2 步中的第一种方式，使用 bootstrap 而不是 AppComponent。

不幸的是，这个库正在寻找新的维护者。所以不确定它有多可靠。