Parlons d'abord de Cache:
Un cache est un composant qui peut stocker les données de manière transparente afin qu'il puisse répondre aux demandes plus rapidement à l'avenir. La récupération des ressources peut provoquer une duplication des données et consommer du temps. Par conséquent, le cache convient à certaines données qui ne sont pas très variables. Plus le cache peut servir de demandes, plus les performances globales du système peuvent être améliorées.
$ Cachefactory Introduction:
$ Cachefactory est un service qui produit des objets de cache pour les services angulaires. Pour créer un objet de cache, vous pouvez utiliser $ cachefactory pour passer un ID et une capacité. Parmi eux, ID est le nom d'un objet de cache, et la capacité est le nombre maximum de paires de valeurs clés cache-cache.
1. Le rôle de $ cachefactory dans Angular:
Utilisé pour générer un service pour stocker des objets mis en cache et donner accès aux objets.
2. La méthode de $ cachefactory en angulaire:
(1) put (clé, valeur);
Insérez une paire de valeurs de clé (clé, valeur) dans l'objet Cache.
(2) obtenir (clé);
Obtenez la valeur correspondante en spécifiant la clé dans l'objet Cache.
(3) Romove (clé);
Supprimez la valeur correspondante dans l'objet Cache en spécifiant la clé.
(4) Removeall ();
Supprimez toutes les paires de valeurs clés dans l'objet de cache.
(5) détruire ();
Détruisez cet objet de cache.
(6) info ();
Obtenez des informations d'objet Cache (ID, taille).
Remarque: clé: type de chaîne, nom de valeur dans l'objet Cache.
Valeur: tous types, cachez la valeur dans l'objet.
3. Utilisation de $ cachefactory en angulaire:
<! Doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <éad> <meta http-equiv = "contenu-ype" contenu = "text / html; charstEt = utf-8" /> <title> Exemple de cache </ title> 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 ng-controller="myCtrl2" ></div> <div></div> <script 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. }]); app.Controller ('myctrl2', ['$ scope', '$ cachefactory', function ($ scope, $ cachefactory) {var cache = $ cachefactory.get ('cache01'); var name = cache.get ('name'); console.log (name);}]); </cript>résultat:
Ce qui précède est une explication détaillée du rôle et des exemples d'utilisation de $ cachefactory dans Angular présenté par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!