Mari kita bicara tentang cache dulu:
Cache adalah komponen yang dapat menyimpan data secara transparan sehingga dapat melayani permintaan lebih cepat di masa depan. Mengambil sumber daya berulang kali dapat menyebabkan duplikasi data dan menghabiskan waktu. Oleh karena itu, cache cocok untuk beberapa data yang tidak terlalu bervariasi. Semakin banyak permintaan cache yang dapat dilayani, semakin banyak kinerja sistem dapat ditingkatkan.
$ CacheFactory Pendahuluan:
$ CacheFactory adalah layanan yang menghasilkan objek cache untuk layanan sudut. Untuk membuat objek cache, Anda dapat menggunakan $ Cachefactory untuk melewati ID dan kapasitas. Di antara mereka, ID adalah nama objek cache, dan kapasitas adalah jumlah maksimum pasangan nilai kunci yang di-cache.
1. Peran $ cacheFactory dalam sudut:
Digunakan untuk menghasilkan layanan untuk menyimpan objek yang di -cache dan menyediakan akses ke objek.
2. Metode $ CacheFactory di Angular:
(1) put (kunci, nilai);
Masukkan pasangan nilai kunci (kunci, nilai) ke dalam objek cache.
(2) dapatkan (kunci);
Dapatkan nilai yang sesuai dengan menentukan kunci dalam objek cache.
(3) Romove (Key);
Hapus nilai yang sesuai dalam objek cache dengan menentukan kunci.
(4) removeAll ();
Hapus semua pasangan nilai kunci di objek cache.
(5) hancurkan ();
Hancurkan objek cache ini.
(6) info ();
Dapatkan informasi objek cache (ID, ukuran).
Catatan: Kunci: Jenis String, Nama Nilai dalam Objek Cache.
Nilai: Semua jenis, cache nilai dalam objek.
3. Penggunaan $ CacheFactory di Angular:
<! Doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <ite-tite> CONTECTE = "Text/html; charset = UTF-8"/Title <ite> Title> Cache/Text/html; charset = UTF-8 "/> Title> COBLET/TEXK/HTML; ChARSET = UTF-8"/> Title> Title> Cache/Text/HTML; Charset = UTF-8 "/Title <Title> Title> Cache/Text/HTML; src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"> </script> </head> <body ng-app = "app"> <v ng-controller = "myctrl1"> </div> <v div-controller = "myctrl1"> </Div> <Diver NG-controller = "myctrl1"> </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.put ('usia', 18); }]); app.controller ('myctrl2', ['$ scope', '$ cachefactory', function ($ scope, $ cachefactory) {var cache = $ cachefactory.get ('cache01'); var name = cache.get ('name'); console.log (name);}]); </script>hasil:
Di atas adalah penjelasan terperinci tentang peran dan contoh penggunaan $ cacheFactory dalam sudut yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!