Sprechen wir zuerst über Cache:
Ein Cache ist eine Komponente, die Daten transparent speichern kann, damit er in Zukunft Anforderungen schneller stellen kann. Das wiederholte Abrufen von Ressourcen kann zu einer Datenverdoppelung führen und Zeit verbrauchen. Daher ist Cache für einige Daten geeignet, die nicht sehr variabel sind. Je mehr Anfragen der Cache dienen kann, desto mehr kann die Gesamtsystemleistung verbessert werden.
$ CacheFactory EINLEITUNG:
$ cachefactory ist ein Dienst, der Cache -Objekte für Winkeldienste erzeugt. Um ein Cache -Objekt zu erstellen, können Sie $ CacheFactory verwenden, um eine ID und Kapazität zu übergeben. Unter ihnen ist ID der Name eines Cache-Objekts, und die Kapazität ist die maximale Anzahl von zwischengespeicherten Schlüsselwertpaaren.
1. Die Rolle von $ cachefactory in Angular:
Wird verwendet, um einen Dienst zum Speichern von zwischengespeicherten Objekten zu generieren und Zugriff auf die Objekte zu gewährleisten.
2. Die Methode von $ cachefactory in Angular:
(1) put (Schlüssel, Wert);
Fügen Sie ein Schlüsselwertpaar (Schlüssel, Wert) in das Cache -Objekt ein.
(2) erhalten (Schlüssel);
Erhalten Sie den entsprechenden Wert, indem Sie den Schlüssel im Cache -Objekt angeben.
(3) Romove (Schlüssel);
Löschen Sie den entsprechenden Wert im Cache -Objekt, indem Sie den Schlüssel angeben.
(4) removeall ();
Löschen Sie alle Schlüsselwertpaare im Cache-Objekt.
(5) zerstören ();
Zerstöre dieses Cache -Objekt.
(6) info ();
Holen Sie sich Cache -Objektinformationen (ID, Größe).
HINWEIS: Schlüssel: String -Typ, Wertname im Cache -Objekt.
Wert: Alle Typen, zwischen dem Wert im Objekt.
3. Verwendung von $ cachefactory in Angular:
<! DocType html> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </tection 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> <divngng-controller = "myctrl1"> </</divngng-controllers 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'; }]); app.Controller ('myctrl2', ['$ scope', '$ cacheFactory', function ($ scope, $ cacheFactory) {var cache = $ cacheFactory.get ('cache01'); var name = cache.get ('name'); console.log (name);}]); </script>Ergebnis:
Das obige ist eine detaillierte Erklärung der Rolle und Verwendungsbeispiele für $ cachefactory in Angular, die Ihnen vom Herausgeber vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!