2016-05-24 20 views
1

私は、typescriptとangularを使用してシングルページアプリケーションを使用しています。 私は、角-ローカルstorage.d.tsファイルを追加してもインストールangularlocalstoragetypescriptを使用した角度ローカルストレージの使用方法

を私は約束を保存しようとしましたWEBAPI

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

からデータをフェッチするng.Resourceを使用していますwebapiから返されました。エラーが発生しました。 "未定義またはnull参照のpropery 'setを取得できませんでした。また、angular-local-storage.jsファイルで 'set'/'get'メソッドを見つけることができませんでした。私は、 'set'/'get'メソッドが.jsファイルで不明であるため、エラーが発生していると推測しています。

この問題を解決するために手伝ってください。

また、角度を使用してブラウザにデータを保存するには、最良の方法があります。

+0

エラーは 'this.localStorageService'は未定義であると言います。あなたはそれを作成してもよろしいですか? – iberbeu

+0

ご返信ありがとうございます。私はlocalStorageServiceクラスの冒頭に以下を追加しました:ng.local.storage.ILocalStorageService;また、私はモジュールのアプリで同じを追加しました{ var main = angular.module( "CarConsulting"、 ["ngRoute"、 "common.services"、 "LocalStorageModule"]); –

+0

あなたは 'static $ inject = ['LocalStorageModule']'と同様にlocalstorageを注入する必要がありますが、それはコンストラクタ 'constructor(private localStorageModule '){}'で呼び出されてから呼び出されます。あなたのコードを見ることなく、それを助けるのは簡単ではありません – iberbeu

答えて

2

私はtypescriptでもlocalstorageを使用していました。私がしたのは: gstub上のjsファイルがlocalstoreにアクセスするためのいくつかの機能を持っていました。私はTypescriptで同じjsファイルを書いて、そのファイルを使用しました。これには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); 

乾杯

は、ここに私のバージョンへのリンクです!

関連する問題