angular2では、手動ブラウザのリフレッシュ/リロード後にhtml5コントロールの値を保持する方法はありますか？

Question

私はangle2アプリを試しています。ブラウザをリロード/リフレッシュすると、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! 
    } 
}