最初にキャッシュについて話しましょう:
キャッシュは、データを透過的に保存できるコンポーネントであり、将来より速くリクエストを提供できるようにします。リソースを繰り返し検索すると、データの複製を引き起こし、時間を消費する場合があります。したがって、キャッシュは、あまり変動しないデータに適しています。キャッシュがサービスを提供できるリクエストが多いほど、システム全体のパフォーマンスを改善できます。
$ cachefactoryはじめに:
$ cachefactoryは、角度サービス用のキャッシュオブジェクトを生成するサービスです。キャッシュオブジェクトを作成するには、$ cachefactoryを使用してIDと容量を渡すことができます。その中で、IDはキャッシュオブジェクトの名前であり、容量はキャッシュされたキー価値ペアの最大数です。
1。角度における$ cachefactoryの役割:
キャッシュされたオブジェクトを保存し、オブジェクトへのアクセスを提供するサービスを生成するために使用されます。
2。角度の$ cachefactoryの方法:
(1)put(key、value);
キー値ペア(キー、値)をキャッシュオブジェクトに挿入します。
(2)get(key);
キャッシュオブジェクトのキーを指定して、対応する値を取得します。
(3)Romove(key);
キーを指定して、キャッシュオブジェクトの対応する値を削除します。
(4)Removeall();
キャッシュオブジェクトのすべてのキー値ペアを削除します。
(5)破壊();
このキャッシュオブジェクトを破壊します。
(6)info();
キャッシュオブジェクト情報(ID、サイズ)を取得します。
注:キー:文字列タイプ、キャッシュオブジェクトの値名。
値:すべてのタイプ、オブジェクトの値をキャッシュします。
3。Angularでの$ cachefactoryの使用:
<!doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title </<title> <title> <pitle> src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"> </script> </head> <body ng-app = "app"> <div ng-controller = "myctrl1"> </div div div div div </</</</</</</</</</</</</</</</ type = "text/javascript"> var app = angular.module( "app"、[]); app.Controller( 'myctrl1'、['$ scope'、 '$ cachefactory'、function($ scope、$ cachefactory){var cache = $ cachefactory( 'cache01'); cache.put( 'name'、 'zhang san'); cache.log( 'age.log.info); }]); App.Controller( 'myctrl2'、['$ scope'、 '$ cachefactory'、function($ scope、$ cachefactory){var cache = $ cachefactory.get( 'cache01'); var name = cache.get( 'name'); console.log(name);}); </script>結果:
上記は、編集者が紹介したAngularの$ cachefactoryの役割と使用例の詳細な説明です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!