Javascript 无法打印controller.js获取的数据
我是新来的,我正在尝试制作一个虚拟联系人列表。 我已经打印了从mongodb获取数据的日志,我可以在浏览器控制台中看到正确的数据,但是当我尝试在html文件中打印它时,它不会显示 以下是片段: controller.js 我尝试打印此数据的表:Javascript 无法打印controller.js获取的数据,javascript,mongodb,mean-stack,meanjs,Javascript,Mongodb,Mean Stack,Meanjs,我是新来的,我正在尝试制作一个虚拟联系人列表。 我已经打印了从mongodb获取数据的日志,我可以在浏览器控制台中看到正确的数据,但是当我尝试在html文件中打印它时,它不会显示 以下是片段: controller.js 我尝试打印此数据的表: <tbody> <tr ng-repeat="Contact in contactlist"> <td>{{Contact.name}}</td> <td>
<tbody>
<tr ng-repeat="Contact in contactlist">
<td>{{Contact.name}}</td>
<td>{{Contact.email}}</td>
<td>{{Contact.number}}</td>
</tr>
</tbody>
请解释一下出了什么问题
控制台中显示的响应:
JavaScript始终是同步的。那么这里发生了什么,$scope.contactlist=response;在$http.get'/contactlist'之前执行。。。完整的。这意味着,$scope.contactlist未定义。要解决这个问题,, 我建议使用这项服务
控制台中是否有错误?联系人列表是否为列表?您可以粘贴您的响应吗?控制台中没有显示错误。您需要使用回调函数来获取这些数据
<tbody>
<tr ng-repeat="Contact in contactlist">
<td>{{Contact.name}}</td>
<td>{{Contact.email}}</td>
<td>{{Contact.number}}</td>
</tr>
</tbody>
var myApp = angular.module('myApp', []);
myApp.controller('AppCtrl', ['$scope', 'dataService', function($scope, dataService){
dataService.contactLists(function(response) {
console.log(response.data);
$scope.contactlist=response.data;
});
});
}])
myApp.service('dataService', function($http) {
this.contactLists = function(callback){
$http.get('/contactlist').then(callback)
}
});