2016-05-11 9 views
5

क्या सत्रस्थल में सहेजने का कोई सुविधाजनक तरीका संपत्ति परिवर्तनों और अद्यतनों के लिए मैन्युअल रूप से देखने की आवश्यकता के बिना है?कोणीय 2 - सत्र में स्टोर करने का सुविधाजनक तरीका

मेरे पास एक संपत्ति "क्वेरी" के साथ एक खोज कॉम्पोनेंट है उदाहरण के लिए।

export class SearchComponent { 
    private query: String; 
    private searchResult: SearchResult; 
    ... 

हर बार क्वेरी या खोज परिणाम बदलता है (और यहां तक ​​कि और भी गुण हैं), मुझे सत्रस्टोर मैन्युअल रूप से अद्यतन करना होगा।

sessionStorage.setItem('query', query); 

कुछ एक एनोटेशन कि नौकरी स्वचालित रूप से करता है बहुत अच्छा होगा की तरह:

export class SearchComponent { 
    @SessionStored 
    private query: String; 
    @SessionStored 
    private searchResult: SearchResult; 
    ... 

मैं पहले से ही एक ऐसी ही समाधान here पाया। लेकिन यह सत्रस्टोर के लिए काम नहीं करता था।

+0

'https: // github.com/marcj/angular2-localStorage' भी' sessionStorage' लिए काम करता है स्रोत कोड के अनुसार। –

+0

मैंने इसे भी पढ़ा, लेकिन उनमें कक्षाएं गायब थीं। हालांकि एक अस्थिर बिल्ड हो सकता है ... – Philipp

+0

कोणीय 2-स्थानीय स्टोरेज बिल्कुल वैसा ही दिखता है जो मुझे चाहिए - लेकिन यह काम नहीं करता है। "एंजुलर 2-लोकलस्टोरेज/वेबस्टॉरेज" से आयात {लोकल स्टोरेज, सत्र स्टोरेज}; " <- पहले से ही विफल रहता है क्योंकि कोई फ़ाइल नहीं है "वेबस्टॉरेज" – Philipp

उत्तर

8

मैंने अभी कोशिश की है & यह स्थानीय स्टोरेज & सत्र स्टोरेज दोनों के लिए बिल्कुल ठीक काम कर रहा है। इन चरणों का उपयोग करके देखें:

चरण 1:

npm install --save angular2-localstorage 

चरण 2:

import { LocalStorageService } from 'angular2-localstorage/LocalStorageEmitter' 
import { SessionStorage } from 'angular2-localstorage/WebStorage' 
constructor(storageService: LocalStorageService){} 

चरण 3:

@LocalStorage() public lastSearchQuery:Object = {} 

या,

@SessionStorage() public lastSearchQuery:Object = {}; 

यह दस्तावेज़ों में उल्लिखित के रूप में सीधे आगे है।

संदर्भ: https://github.com/marcj/angular2-localstorage

+0

अरे, कोणीय jQuery बिंदु पर पहुंचे। – MoshMage

संबंधित मुद्दे