2016-05-24 4 views
1

Я использую одностраничное приложение с использованием машинописных и угловых. Я использую ng.Resource для извлечения данных из WebAPIКак использовать угловое локальное хранилище с использованием машинописных файлов

productResource.get({ userName: login.userName, password: login.password }, (data: Models.ICompany) => { 
    this.localStorageService.set<Models.ICompany>("CompanyData", data); 
}); 

Я добавил угловой-местном storage.d.ts файл и также установил angularlocalstorage

, но когда я пытаюсь сохранить обещание вернувшийся из webapi. Я получаю сообщение об ошибке «неспособность получить« набор неопределенных или нулевых ссылок ». Также не удалось найти методы «set»/'get »в файле angular-local-storage.js. Я предполагаю, что ошибка возникает, потому что методы 'set'/'get' неизвестны в файле .js.

Не могли бы вы помочь мне решить эту проблему.

Или есть лучший способ сохранить данные в браузере с помощью углового.

+0

Ошибка говорит, что 'this.localStorageService' не определен. Вы уверены, что создали его? – iberbeu

+0

Спасибо за ваш ответ. Я добавил следующее в начале класса localStorageService: ng.local.storage.ILocalStorageService; также я добавил то же самое в приложении модуля { var main = angular.module («CarConsulting», ["ngRoute", "common.services", "LocalStorageModule"]); –

+0

вам также нужно ввести localstorage 'static $ injection = ['LocalStorageModule']' или же он вызывается, а затем в конструкторе 'constructor (private localStorageModule ') {}'. Не видя своего кода, нелегко помочь, хотя – iberbeu

ответ

2

У меня возникли проблемы с использованием localstorage в машинописном тексте. Что я сделал: Я нашел файл js на github с некоторыми функциями для доступа к локальному магазину. Я написал тот же js-файл в TypScript и использовал этот файл. У этого есть резервный файл cookie.

вот ссылка на мою версию:

https://gist.github.com/davidcarm/eedb29feb25a7130d0f9ac01a7d11d3f (прокрутите вниз)

как только вы импортировали SimpleStore.ts файл вы просто использовать эти функции:

constructor(private simpleStore: SimpleStore){} 
// to save a value 
simpleStore.store('value_name',value); 
// to access a value 
simpleStore.store('value_name',undefined); 
// to delete a value 
simpleStore.store('value_name',null); 

Ура!

Смежные вопросы