angulaire.js - Comment le contrôleur obtient-il la valeur renvoyée par l'usine dans AngularJS?

Question

var app = angular.module("MyApp", []);

app.factory("myFactory", function ($http) {

    return {
        
        getDatas: function () {

            var args = {};
            var url = "test.req";

            $http({
                method: 'POST',
                data: args,
                url: url
            }).success(function (response, status, headers, config) {

                return response;


            }).error(function (response, status, headers, config) {

                alert(status + response);

            });

        }

    };

});

app.controller("myCtrl", function ($scope, myFactory) {

    $scope.names = {};
    $scope.title = myFactory.msg;

    alert(myFactory.getDatas());
    $scope.names = myFactory.getDatas();

});

Dans le code ci-dessus, alert(myFactory.getDatas());
si la valeur de factory ne peut pas être obtenue, undefined sera affiché.
Affichage de débogage du navigateur :
angular1.5.3.min.js:6Erreur non détectée : [$injector:modulerr]

L'usine peut obtenir des données du backend, mais le contrôleur ne sait pas comment obtenir les données d'usine les uns des autres....

Answer 1

Je viens de commencer à regarder angulaire récemment...

---

Vous voyez, la méthode getDatas est en fait un corps d'exécution de fonction asynchrone. Une fois getDatas exécuté, $http demandera de manière asynchrone les données back-end. Cependant, une fois getDatas exécuté, il revient et alert ne peut pas obtenir la valeur.

app.factory("myFactory", function ($http) {
    return {
        getDatas:function(){
             return $http.get('data/data.json');//return 一个promise
        }
    }

});

app.controller("myCtrl", function ($scope, myFactory) {

    $scope.names = {};
    $scope.title = myFactory.msg;

    //alert(myFactory.getDatas());
    myFactory.getDatas().success(function (response, status, headers, config) {
                        //要用到返回数据就在这里用了
                        console.log(response);
                        


                    }).error(function (response, status, headers, config) {

                        alert(status + response);

                    });
   //下面这句看起来像是要获取数据，挪到上面的success去  $scope.xxx=
    $scope.names = myFactory.getDatas();

});