AngularJS - 使用服务从服务器获取 JSON

Posted 2023-02-15

【中文标题】AngularJS - 使用服务从服务器获取 JSON

【英文标题】：AngularJS - Using a service to get JSON from server

【发布时间】：2021-01-11 03:43:05

【问题描述】：

我正在尝试学习 AngularJS，需要一些帮助。我使用的是 1.4.9 版本，我正在尝试创建一个从服务器获取 JSON 的服务，但出现以下错误：“serviceName is not defined”

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>

这是我的服务：

    app.service('serviceName', function ($http, $q) 
        var url= "myURL";
            function getData() 
                return $http.get(url);
            
            return 
                getData: getData,
            
        
    );

这是我的控制器：

    app.controller("myController", function ($scope, $http) 
        serviceName.getData().then(function (response) 
            $scope.myField = response.data;
        );
    );

【参考方案1】：

您需要将服务注入控制器，如下所示：

    app.controller("myController", function ($scope, serviceName) 
        serviceName.getData().then(function (response) 
            $scope.myField = response.data;
        );
    );

而且您不需要$http，因为它在服务中使用；）