Ich habe diesen Artikel gelesen: http://eviltrout.com/2013/06/15/ember-vs-angular.html

Und es sagte:

Aufgrund fehlender Konventionen frage ich mich, wie viele Angular-Projekte auf schlechten Praktiken wie AJAX-Aufrufen direkt in Controllern beruhen. Fügen Entwickler aufgrund der Abhängigkeitsinjektion Router-Parameter in Direktiven ein? Werden unerfahrene AngularJS-Entwickler ihren Code so strukturieren, dass ein erfahrener AngularJS-Entwickler dies für idiomatisch hält?

Ich $httptelefoniere gerade von meinem Angular.js-Controller. Warum ist es eine schlechte Praxis? Was ist dann die beste Vorgehensweise zum $httpTelefonieren? und warum?

EDIT: Diese Antwort konzentrierte sich hauptsächlich auf Version 1.0.X. Um Verwirrung zu vermeiden, wird es geändert, um die beste Antwort für ALLE aktuellen Versionen von Angular ab dem heutigen 05.12.2013 wiederzugeben.

Die Idee ist, einen Service zu erstellen, der ein Versprechen an die zurückgegebenen Daten zurückgibt, dieses dann in Ihrem Controller aufzurufen und das Versprechen dort zu verarbeiten, um Ihre $ scope-Eigenschaft zu füllen.

Der Service

module.factory('myService', function($http) {
   return {
        getFoos: function() {
             //return the promise directly.
             return $http.get('/foos')
                       .then(function(result) {
                            //resolve the promise as the data
                            return result.data;
                        });
        }
   }
});

Der Controller:

Behandeln Sie die then()Methode des Versprechens und holen Sie die Daten heraus. Legen Sie die Eigenschaft $ scope fest und tun Sie alles, was Sie sonst noch tun müssen.

module.controller('MyCtrl', function($scope, myService) {
    myService.getFoos().then(function(foos) {
        $scope.foos = foos;
    });
});

In-View Promise Resolution (nur 1.0.X):

In Angular 1.0.X, dem Ziel der ursprünglichen Antwort, werden Versprechen von View besonders behandelt. Wenn sie aufgelöst werden, wird ihr aufgelöster Wert an die Ansicht gebunden. Dies wurde in 1.2.X veraltet

module.controller('MyCtrl', function($scope, myService) {
    // now you can just call it and stick it in a $scope property.
    // it will update the view when it resolves.
    $scope.foos = myService.getFoos();
});

Die beste Vorgehensweise besteht darin, den $httpAufruf in einen "Dienst" zu abstrahieren, der Ihrem Controller Daten bereitstellt:

module.factory('WidgetData', function($http){
    return {
        get : function(params){
            return $http.get('url/to/widget/data', {
                params : params
            });
        }
    }
});

module.controller('WidgetController', function(WidgetData){
    WidgetData.get({
        id : '0'
    }).then(function(response){
        //Do what you will with the data.
    })
});

Abstraktion der $http Aufruf so , können Sie diesen Code auf mehreren Controllern wiederverwenden. Dies ist erforderlich, wenn der Code, der mit diesen Daten interagiert, komplexer wird. Möglicherweise möchten Sie die Daten verarbeiten, bevor Sie sie in Ihrem Controller verwenden, und das Ergebnis dieses Prozesses zwischenspeichern, damit Sie keine Zeit für die erneute Verarbeitung aufwenden müssen.

Sie sollten sich den "Dienst" als Darstellung (oder Modell) von Daten vorstellen, die Ihre Anwendung verwenden kann.

Die akzeptierte Antwort gab mir den $http is not definedFehler, also musste ich dies tun:

var policyService = angular.module("PolicyService", []);
policyService.service('PolicyService', ['$http', function ($http) {
    return {
        foo: "bar",
        bar: function (params) {
            return $http.get('../Home/Policy_Read', {
                params: params
            });
        }
    };
}]);

Der Hauptunterschied ist diese Linie:

policyService.service('PolicyService', ['$http', function ($http) {

Ich habe eine Antwort für jemanden gegeben, der einen völlig generischen Webdienst in Angular haben möchte. Ich würde empfehlen, es einfach anzuschließen, und es kümmert sich um alle Ihre Web-Service-Anrufe, ohne dass Sie alle selbst codieren müssen. Die Antwort ist hier:

https://stackoverflow.com/a/38958644/5349719