在AngularJS中使用服務將對象值返回給控制器

-1

我正在嘗試從JSON文件中讀取名稱。我首先使用唯一的控制器創建沒有服務的服務，然後將業務邏輯轉移到服務。我沒有清楚地知道如何將$ scope.mydata從服務返回給控制器。沒有得到任何輸出，請幫助。謝謝。在AngularJS中使用服務將對象值返回給控制器

 <!DOCTYPE html> 
     <html> 
     <head> 
     <title></title> 
     <!-- Add angularjs --> 
     <!-- Add controller script--> 
     <script type="text/javascript"> 
      var app = angular.module('x2js', []); 
      app.controller('ctrl', 
       ['$scope','myService',function($scope,myService){ 
       $scope.data = function(){ 
        myService.getData() 
       } 
      }]); 
      app.service('myService', ['$http','$log', function($http,$log){ 
      this.getData = function(){ 
       $http({ 
        url:"student.json", 
        method:"GET", 
        dataType: 'json', 
        contentType: "application/json" 

       }).then(function(response){ 
        $scope.myData = response.data.records; 
        $log.info($scope.post); 
        return($scope.myData); 
       },function(response){ 
        $log.error("Error occured"); 
       }); 
      } 
     }]) 
     </script> 
     </head> 
     <body ng-app="x2js"> 
     <div ng-controller="ctrl"> 
      <table> 
       <tr> 
        <td ng-repeat="x in Data">{{x.Name}}</td> 
       </tr> 
      </table> 
     </div> 
    </body> 
    </html>

來源

2017-09-23 Amit Phartiyal

在服務，return由.then方法創建的承諾：

app.service('myService', ['$http','$log', function($http,$log){ 
    this.getData = function(){ 
     ͟r͟e͟t͟u͟r͟n͟ $http({ 
      url:"student.json", 
      method:"GET", 
      //dataType: 'json', 
      //contentType: "application/json" 
     }).then(function(response){ 
      var myData = response.data.records; 
      //$log.info($scope.post); 
      return(myData); 
     },function(errorResponse){ 
      $log.error("Error occured "+errorResponse.status); 
      //IMPORTANT 
      throw response; 
     }); 
    } 
}])

在控制器中，提取從承諾數據：

app.controller('ctrl', 
    ['$scope','myService',function($scope,myService){ 
     var promise = myService.getData(); 

     promise.then(function(data) { 
      $scope.data = data; 
     }).catch(errorResponse) { 
      console.log(errorResponse,status); 
      throw errorResponse; 
     }); 

    }]);

的的.then方法承諾返回一個新的承諾通過0的返回值解決或拒絕,errorCallback（除非該值是承諾，在這種情況下，它將使用promise chaining中的承諾中解決的值解決。 ¹

在承諾的錯誤處理程序，重要的是要重新拋出錯誤響應，否則拒絕許將轉換到履行承諾返回的undefined的值。

來源

2017-09-23 16:16:03 georgeawg

使用promise$http的服務回報承諾。您需要將您的then功能移到控制器中。

<!DOCTYPE html> 
     <html> 
     <head> 
     <title></title> 
     <!-- Add angularjs --> 
     <!-- Add controller script--> 
     <script type="text/javascript"> 
      var app = angular.module('x2js', []); 
      app.controller('ctrl', 
       ['$scope','myService', '$log',function($scope,myService, $log){ 

        myService.getData().then(function(response){ 
        $scope.data = response.data.records; 
        $log.info($scope.data); 

       },function(response){ 
        $log.error("Error occured"); 
       }) 
       } 
      }]); 
      app.service('myService', ['$http', function($http){ 
      this.getData = function(){ 
       retutn $http({ 
        url:"student.json", 
        method:"GET", 
        dataType: 'json', 
        contentType: "application/json" 

       }); 
      } 
     }]) 
     </script> 
     </head> 
     <body ng-app="x2js"> 
     <div ng-controller="ctrl"> 
      <table> 
       <tr> 
        <td ng-repeat="x in data">{{x.Name}}</td> 
       </tr> 
      </table> 
     </div> 
    </body> 
    </html>

來源

2017-09-23 14:22:49

仍然沒有輸出。 :( –

@AmitPhartiyal你使用'Data'到html和控制器的值分配給'data'變量 –

其實它是myData在他的例子中 – pegla

在AngularJS中使用服務將對象值返回給控制器

回答

相關問題