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}}
无法显示得到响应的记录,如何在ANgular js中使用服务,请让我知道。 我试图将$http保留在自定义服务中,并从那里将该响应传递给我的$scope。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
有人能帮我吗问题是,您要求一个承诺值,但在确保检索该值之前,您分配了该值。 您分配
$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;
})