Explication détaillée de l'utilisation de $ cachefactory cache en angulaire

Récemment, j'ai appris à utiliser Angular et à transformer lentement de l'interface utilisateur de jQuery à l'utilisation du développement NG. J'ai trouvé de nombreuses différences, alors continuez à apprendre;

Tout d'abord, créez un service pour le faire référence dans le contrôleur du projet. Il existe plusieurs formes d'existence de service, factory (); service (); constante (); value (); provider (); Parmi eux, le fournisseur est le plus fondamental et d'autres services sont écrits en fonction de cela. Je n'élargirai pas ici les différences spécifiques. Vous pouvez jeter un œil au code source; Les services sont une forme importante d'appels entre les contrôleurs, et ils seront beaucoup utilisés dans les projets réels. Ce qui suit est le code:

 angular.module ('yourApp'). Factory ('myCache', function ($ cachefactory) {return $ cachefactory ('mydata');});

Ici, «MyCache» est le nom du service et est unique, pour un objet de cache spécifique, existe dans le navigateur, pour référence par le contrôleur:

 angular.module ('yourApp'). Controller ('userrtrl', ['$ scope', '$ http', 'myCache', fonction ($ scope, $ http, myCache) {// surveiller si les données mise en cache existent déjà, s'il y a, obtenez-le et ce que je devrais faire, aller à var cache = myCache.get ('myData'); if (cache) {$ scope.variable = cache;} else {// obtenir des données de l'interface et mettre dans le cache var jurl = '/ data / getData'; $ http ({url: jurl, méthode: "get", data: "{'query': 'someValue'}", les en-tête: {'contenu-tuy }}). Success (fonction (données, statut, en-têtes, config) {// quelque chose de réussi

Lorsque la page est ouverte pour la première fois, les données seront obtenues à partir de l'interface. Lorsque la page est acheminée, ces données seront mises en cache tout le temps. L'itinéraire passera à la page avec demande. S'il est surveillé qu'il a été mis en cache, il n'est pas nécessaire de demander des données au serveur. Si la page est fermée ou si la page est actualisée, le cache sera perdu et les données seront à nouveau demandées et mises en cache;

Ceci est un exemple simple. Les données des projets réelles seront plus compliquées. Par exemple, afin de réduire l'optimisation des pages, la collecte de données de page est demandée, le nombre de demandes de données est réduit et la structure des données sera plus compliquée dans chaque modèle de l'itinéraire attribué après l'obtention des données;

Il n'y a actuellement aucun exemple de grandes données mises en cache. Théoriquement, le cache ici est un objet d'objet en JavaScript, de sorte que l'impact de la limite de taille ou de la taille du cache dans l'application sur les performances de la page du navigateur n'est pas très claire. Continuons à creuser plus profondément et à trouver les différences avant de continuer.

Ce qui précède est une explication détaillée de l'utilisation de $ cachefactory cache dans Angular introduit par l'éditeur. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!