Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.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 无法打印controller.js获取的数据_Javascript_Mongodb_Mean Stack_Meanjs - Fatal编程技术网

Javascript 无法打印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>

我是新来的,我正在尝试制作一个虚拟联系人列表。 我已经打印了从mongodb获取数据的日志,我可以在浏览器控制台中看到正确的数据,但是当我尝试在html文件中打印它时,它不会显示

以下是片段:

controller.js

我尝试打印此数据的表:

<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)
  }
});