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
     }
}