Vor kurzem habe ich gelernt, Angular zu verwenden und mich langsam von der JQuery -UI zur Verwendung von NG -Entwicklung zu verwandeln. Ich habe viele Unterschiede gefunden, also weiter lernen;
Erstellen Sie zunächst einen Dienst, um ihn im Controller im Projekt zu verweisen. Es gibt verschiedene Formen der Dienstleistung, factory (); Service (); Constant (); value (); Provider (); Unter ihnen ist der Anbieter der grundlegendste und andere Dienste basierend darauf. Ich werde die spezifischen Unterschiede hier nicht erweitern. Sie können sich den Quellcode ansehen. Dienstleistungen sind eine wichtige Form von Aufrufen zwischen Controllern und werden in den tatsächlichen Projekten häufig verwendet. Das Folgende ist der Code:
Angular.module ('yourApp'). Factory ('Mycache', Funktion ($ cacheFactory) {return $ cacheFactory ('mydata');});Hier ist 'Mycache' der Dienstname und ist für ein bestimmtes Cache -Objekt eindeutig im Browser als Referenz durch den Controller vorhanden:
Angular.module ('yourApp'). Controller ('userctrl', ['$ scope', '$ http', 'mycache', function ($ scope, $ http, mycache) {// überwachen, ob zwischengespeicherte Daten bereits existieren, falls es gibt, und was ich tun sollte. if (cache) {$ scope.variable = cache;} else {// Daten von der Schnittstelle abrufen und in den cache var jurl = '/data/getData'; }}). Erfolg (Funktion (Daten, Status, Header, Konfiguration) {// etwas im Erfolg}). Fehler (Funktion (Daten, Status, Header, config) {// etwas im Fehler});}}])Wenn die Seite zum ersten Mal geöffnet wird, werden Daten über die Schnittstelle erhalten. Wenn die Seite weitergeleitet wird, werden diese Daten ständig zwischengespeichert. Die Route wird mit Nachfrage zur Seite springen. Wenn es überwacht wird, dass es zwischengespeichert wurde, müssen keine Daten vom Server anfordern. Wenn die Seite geschlossen oder die Seite aktualisiert ist, geht der Cache verloren und die Daten werden erneut angefordert und zwischengespeichert.
Dies ist ein einfaches Beispiel. Die Daten in tatsächlichen Projekten werden komplizierter sein. Um beispielsweise die Seitenoptimierung zu verringern, wird die Seitendatenerfassung angefordert, die Anzahl der Datenanforderungen wird reduziert und die Datenstruktur in jeder Vorlage der nachgewiesenen Route komplizierter ist.
Derzeit gibt es kein Beispiel für zwischengespeicherte große Daten. Theoretisch ist der Cache hier ein Objektobjekt in JavaScript, sodass die Auswirkungen der Größengrenze oder -größe des Cache in der Anwendung auf die Leistung der Browser -Seite nicht sehr klar sind. Lassen Sie uns weiterhin tiefer graben und die Unterschiede finden, bevor wir fortfahren.
Das obige ist eine detaillierte Erklärung der Verwendung von $ cachefactory cache in Angular, die vom Editor eingeführt wurde. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!