在angular2中如何在手動瀏覽器刷新/重新加載後保留html5控制值？

Question

我正在嘗試angular2應用程序。當我重新加載/刷新瀏覽器時，我失去了html5控件的值。例如，如果我在文本框中有一定的價值，當我手動刷新頁面時，我失去了價值。有沒有辦法保留這個價值？

感謝，

的Kd

Answer 1

每次您更改模型堅持它的localStorage，然後是OnInit讀回。

對角2的localStorage： https://www.npmjs.com/package/angular-2-local-storage

只是把它注入到你的組件和模塊

import { LocalStorageService, LOCAL_STORAGE_SERVICE_CONFIG } from 'angular-2-local-storage'; 

// Create config options (see ILocalStorageServiceConfigOptions) for deets: 
let localStorageServiceConfig = { 
    prefix: 'my-app', 
    storageType: 'sessionStorage' 
}; 

// Use the provider: 
@NgModule({ 
    imports: [ 
     .. 
    ], 
    declarations: [ 
     .. 
    ], 
    providers: [ 
     LocalStorageService, 
     { 
      provide: LOCAL_STORAGE_SERVICE_CONFIG, useValue: localStorageServiceConfig 
     } 
    ], 
    bootstrap: [AppComponent] 
}) 


import { LocalStorageService } from 'angular-2-local-storage'; 

@Component({ 
    // ...  
}) 
export class SomeComponent { 
    constructor (
     private localStorageService: LocalStorageService 
    ) { 
     // YAY! 
    } 
}