Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度1,无法显示记录 函数fetchRecords($http){ $http.get(“http://jsonplaceholder.typicode.com/posts") .然后(功能(响应){ this.records=response.data}) } 功能记录SCTRL($scope,list){ $scope.names=list.records } var newApp=angular.module('newApp',[]) newApp.service('list',fetchRecords) newApp.controller('recordsCtrl',recordsCtrl) 数 身份证件 标题 身体 {{name.userId} {{name.id} {{name.title}} {{name.body}}_Javascript_Angularjs_Dependency Injection_Angularjs Scope_Angular Services - Fatal编程技术网

Javascript 角度1,无法显示记录 函数fetchRecords($http){ $http.get(“http://jsonplaceholder.typicode.com/posts") .然后(功能(响应){ this.records=response.data}) } 功能记录SCTRL($scope,list){ $scope.names=list.records } var newApp=angular.module('newApp',[]) newApp.service('list',fetchRecords) newApp.controller('recordsCtrl',recordsCtrl) 数 身份证件 标题 身体 {{name.userId} {{name.id} {{name.title}} {{name.body}}

Javascript 角度1,无法显示记录 函数fetchRecords($http){ $http.get(“http://jsonplaceholder.typicode.com/posts") .然后(功能(响应){ this.records=response.data}) } 功能记录SCTRL($scope,list){ $scope.names=list.records } var newApp=angular.module('newApp',[]) newApp.service('list',fetchRecords) newApp.controller('recordsCtrl',recordsCtrl) 数 身份证件 标题 身体 {{name.userId} {{name.id} {{name.title}} {{name.body}},javascript,angularjs,dependency-injection,angularjs-scope,angular-services,Javascript,Angularjs,Dependency Injection,Angularjs Scope,Angular Services,无法显示得到响应的记录,如何在ANgular js中使用服务,请让我知道。 我试图将$http保留在自定义服务中,并从那里将该响应传递给我的$scope。 有人能帮我吗问题是,您要求一个承诺值,但在确保检索该值之前,您分配了该值。 您分配$scope.names=list.records,其中list.records尚未分配。当get请求收到响应时,将首先分配它 因此,最好将$http.get请求包装在一个函数中,例如返回承诺的函数getData()。然后您可以在控制器中这样使用它: <h

无法显示得到响应的记录,如何在ANgular js中使用服务,请让我知道。 我试图将$http保留在自定义服务中,并从那里将该响应传递给我的$scope。
有人能帮我吗

问题是,您要求一个承诺值,但在确保检索该值之前,您分配了该值。 您分配
$scope.names=list.records
,其中
list.records
尚未分配。当
get
请求收到响应时,将首先分配它

因此,最好将
$http.get
请求包装在一个函数中,例如返回承诺的
函数getData()
。然后您可以在控制器中这样使用它:

<html>

<head>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <script type="text/javascript">         
     function fetchRecords($http){
        $http.get("http://jsonplaceholder.typicode.com/posts") 
        .then(function (response) {
            this.records = response.data})          
     }
     function recordsCtrl($scope, list){
                $scope.names = list.records 
        }
     var newApp = angular.module('newApp',[])
          newApp.service('list',fetchRecords)
         newApp.controller('recordsCtrl',recordsCtrl)           
         </script>
</head>
<body ng-app="newApp" >
    <div ng-controller="recordsCtrl">
        <table>
            <tr>
                <th>Number</th>
                 <th>id</th>
                  <th>Title</th>
                   <th>Body</th>
            </tr>
            <tr  ng-repeat='name in names' >
                <td>{{name.userId}}</td>
                <td >{{name.id}}</td>
                <td >{{name.title}}</td>
                <td >{{name.body}}</td>
            </tr>
        </table>
     </div>
</body>
</html>
在这里你可以阅读更多关于

list.getDate().then(data => {
  $scope.names = data;
})