angular2에서 수동 브라우저 새로 고침 / 다시로드 후 html5 제어 값을 유지하는 방법은 무엇입니까?

모델을 변경할 때마다 localstorage에 유지 한 다음 onInit에서 다시 읽습니다.

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