Im Prozess des Lernens von AngularJs war ich der Meinung, dass es eine bevorzugte Möglichkeit ist, Informationen aus der Serverdatenbank gleichzeitig zu erhalten und sie am vorderen Ende zu pagieren. Weil es die Kommunikationsbelastung der vorderen und hinteren Enden spart und mehr Displayaufgaben am vorderen Ende übergibt.
Dieser Inhalt ist in zwei Teile unterteilt. Der erste Teil wird kurz an den integrierten Standort von AngularJS und seine Funktionen einführen. Der zweite Teil wird die Auswirkung der Paginationsanzeige von Datenbankinformationen anhand eines relativ vollständigen umfassenden Beispiels erkennen.
Bei der Arbeit an Mutilpe View & Route of AngularJS habe ich das Gefühl, dass ich ein tieferes Verständnis der integrierten Dienste und des integrierten AngularJS-Standorts haben sollte, da der Betrieb der integrierten URL, die dem Browser dient, eng miteinander verbunden ist. Ich bin der Meinung, dass dieser Service, wenn er verarbeitet wird, in Zukunft sehr hilfreich für den Seitenumsatz von Seiten ist.
Im Folgenden finden Sie einige meiner kleinen Experimente und einige Erfahrungen, die in der Umgangssprache geschrieben sind und möglicherweise nicht so professionell sind, aber ich hoffe, dass es für alle hilfreich sein wird, einige Konzepte von AngularJs zu verstehen.
Dieser und Ort wird als Dienst als Parameter der Rückgaberückgabe des Controllers bei der Abhängigkeitsinjektion verwendet. Das Folgende ist ein Beispiel, um die Verwendung dieses Dienstes zu erklären.
Abschnitt 1: Holen Sie sich URL -Informationen
& Standort bietet einige Getter- und Setter -Methoden wie Absurl, Pfad, Protokoll, Host, Port. Die spezifische Erklärung ist, dass dies die Funktionsnamen der von & Standort bereitgestellten Verbindungsadressfunktionen sind. Wenn diese Funktionen bei Verwendung keine Parameter übergeben, bedeutet dies, dass die aktuellen URL -Informationen erhalten werden. Wenn einige Parameter übergeben werden, bedeutet dies, dass die URL -Informationen im aktuellen Browser festgelegt werden.
Beispiel 1
<! DocType html> <html ng-App = "locationApp"> <head Lang = "en"> <meta charset = "utf-8"> <title> </title> </head> <body ng-controller = "locationController"> <p> Absurl ----------- {{Absurl}} </p> <p> Pfad --------------- {{Path}} </p> <p> pro TOCOL ----------- {{Protocol}} </p> <p> Host ---------------- {{Host}} </p> <p> Port ---------------- {{Port}} </p> <Skript src = "Angular.js"> </script> <script> var locationApp = angular.module ('locationApp', []); LocationApp.controller ('locationController', ['$ scope', '$ location', function ($ scope, $ location) {$ scope.absurl = $ location.absurl (); $ scope.path = $ location.path (); }]); </script> </body> </html>Aus dem Screenshot ist deutlich zu erkennen, dass die vom $ Stort -Service bereitgestellte Getter -Methode die aktuellen URL -Informationen des L -Browsers problemlos erhalten kann.
Sorgfältige Schüler haben diesen Weg vielleicht gesehen, warum gibt es keinen Wert?
Dies liegt daran, dass in der Linkadresse keine Pfadinformationen enthalten sind. Wenn wir eine Pfadinformation manuell über die Path () -Methode () einstellen und dann den Browser aktualisieren (die URL -Adresse des Browsers ist die Informationen, die Sie beim Aktualisieren geändert haben und sich nicht ändern), werden wir die Pfadinformationen angezeigt. Es gibt Bilder und Wahrheit!
Beispiel 2
$ location.Path ('Detail');
$ scope.Path = $ location.path ();
Aus der obigen kleinen Änderung habe ich den Code geändert und den Wert seines Pfadattributs im integrierten Dienst von $ location zuerst geändert (seine Essenz ist ein Objekt, das viele Attribute zu URL-Informationen enthält).
Nehmen Sie dann den neuen Wert über die Getter -Methode.
Da die URL -Informationen, die der Browser -Adressleiste dienen, eine bidirektionale Bindung ist (dies ist der exquisiteste Teil von AngularJs), unabhängig von den Attributen des Standortobjekts oder der Browseradressleiste, sofern sich die URL -Informationen einer Partei ändert, ändern sich auch die andere Partei. Deshalb habe ich gesehen, dass es in der Adressleiste des Browsers im Screenshot auch ein Pfadinformationen wie Details gibt. Diese Informationen wurden zuvor durch den Code eingestellt.
Über AngularJS -Implementierung der Paginationsanzeigefunktion wird Ihnen im nächsten Artikel vorgestellt. Ich hoffe, Sie verpassen sie nicht.