Angular Nodejs:带有承诺的文件夹中的文件(fs.fileread and fs.ReadDir)

Question

我正在尝试使用nodejs和angular从文件夹读取文件。我能够通过文件夹迭代并访问文件数据，这里没有问题。我的主要问题是我无法将结果（名称数组）传递给$范围并将其显示给用户 - 数组始终为空。我认为这与FS异步行为有关。

我正在做以下操作：

角服务：

myApp.service('peopleService', ['$q', '$http', function($q, $http) {
    var self = this;
    this.people = [];
    var peopleService = new Promise(function(resolve, reject) {
        fs.readdir(folderPath, function(err, files) {
            files.forEach(function(file) {
                var obj;
                fs.readFile(filePath, 'utf8', function (err, data) {
                    obj = JSON.parse(data);
                    var person = { name: obj.obituary.name, ... };
                    self.people.push(person);
                });
            });
        });
        resolve(self.people);
    }).then(function(people) {
        return people;
    });
    return peopleService;
}]);

角控制器：

myApp.controller('homeController', ['$scope', '$http', 'peopleService', function($scope, $http, peopleService) {
    $scope.people = [];
    peopleService.then(function(people) {
        $scope.people = people;
        console.log($scope.people); //empty array (Array[0])
    });
}]);

角页：

<div class="list-group">
    <a href="#" class="list-group-item" ng-repeat="person in people">
        {{person.name}}
    </a>
</div>

我在做什么错？

Answer 1

为什么将nodejs代码与angularjs代码混合？

问题是在执行readdir和readFile回调之前执行resolve(self.people)，因为它们是异步的，因此您必须确保在readdir和readFile回调之后执行resolve(self.people)：

new Promise(function(resolve, reject) {
        fs.readdir(folderPath, function(err, files) {
            var count = 0;
            files.forEach(function(file) {
                var obj;
                fs.readFile(filePath, 'utf8', function (err, data) {
                    obj = JSON.parse(data);
                    var person = { name: obj.obituary.name, ... };
                    self.people.push(person);
                    count++;
                    if(count === files.length){
                       resolve(self.people);
                    }
                });
            });
        });
    }).then(function(people) {
        return people;
    });