Reale Anwendungen müssen mit realen Servern, mobilen Anwendungen und aufstrebenden Chrome -Desktop -Anwendungen interagieren, können jedoch eine Ausnahme sein, aber für alle anderen Anwendungen, ob Sie Daten in der Cloud bestehen oder in Echtzeit mit anderen Benutzern interagieren möchten, müssen Sie mit dem Server interagieren.
Um dies zu erreichen, bietet Angular einen Service namens $ http. Es bietet eine erweiterbare Liste abstrakter Methoden, um die Interaktion mit dem Server zu vereinfachen. Es unterstützt HTTP-, JSONP- und CORS -Methoden. Es beinhaltet auch Sicherheitsunterstützung, um Anfälligkeit im JSON -Format und XSRF zu vermeiden. Sie können Sie problemlos Anforderungs- und Antwortdaten umwandeln und sogar einfaches Caching implementieren.
Zum Beispiel beabsichtigen wir, dass Einkaufsseiten Produktinformationen von Servern anstelle von gefälschten Daten aus dem Speicher erhalten. So schreiben Sie Servercode über den Umfang dieses Buches. Stellen wir uns also nur vor, dass wir beispielsweise einen Server erstellt haben, der eine Produktliste im JSON -Format zurückgibt, wenn Sie den Pfad /Produkte abfragen.
Das zurückgegebene Antwortbeispiel lautet wie folgt:
[ { "id": 0, "title": "Paint pots", "description": "Pots full of paint", "price": 3.95 }, { "id": 1, "title": "Polka dots", "description": "Dots with that polka groove", "price": 12.95 }, { "id": 2, "title": "Pebbles", "description": "Just little rocks, Wirklich "," Preis ": 6,95} ... etc ...]Wir können einen solchen Abfragecode schreiben:
Function ShoppingController ($ scope, $ http) {$ http.get ('/products'). Erfolg (Funktion (Daten, Status, Header, config) {$ scope.items = data;});}Verwenden Sie es dann so in der Vorlage:
<Body ng-controller = "ShoppingController"> <h1> Shop! Währung}} </td> </tr> </table> </div> </body>
Wie bereits erwähnt, ist es auf lange Sicht für uns von Vorteil, den Service -Proxy mit dem Server interagieren zu lassen, und dieser Service kann von mehreren Controllern gemeinsam genutzt werden.