如何仅获取从具有承诺的函数返回的数组的对象？

Question

我希望将 res 中的数据传递给我的 notes 变量。但它返回一个更大的嵌套对象。为什么会这样？ 如果我在控制台中检查 cleanArrayOfNotes 的值，我会得到我想要的对象，但是一旦将其分配给注释，它就会变成一个更大的对象。我明白这是 Promises 本质的一部分，目前我仍在努力理解。有什么帮助吗？

notes_service.js

var notesService = {notesObjectInService: [], newNote: null};


    notesService.getAll = function() {
        return $http.get('/notes.json').success(function(data){
            //console.log(data)
            angular.copy(data, notesService.notesObjectInService);
            //console.log(notesService)
        })
    };

navCtrl.js

var notes = notesService.getAll().then(function(res){

            var cleanArrayOfNotes = res.data;
            //navCtrl line12
            console.log(cleanArrayOfNotes);
            return cleanArrayOfNotes;
        });
        //navCtrl line16
        console.log(notes);

Answer 1

这应该适合你：

notes_service.js

app.factory ('NoteService', function($http) {
    return {
        getAll: function() {
            return $http.get('/notes.json').then(function(response) {
                  return response.data;
            });
        }
    }
});

navCtrl.js

    NotesService.getAll().then(function(res){

        $scope.cleanArrayOfNotes = res.data;

    });

或者，如果你想返回结果而不是承诺，你可以：

notes_service.js

app.factory ('NoteService', function($http) {
    var notes = [];
    var promise = $http.get('/notes.json').then(function(response) {
          angular.copy(response.data, notes);
          return notes;
    });    

    return {
        getAll: function() {
            return notes; 
        },
        promise: promise
    }
});

navCtrl.js

     // get array of notes
     scope.cleanArrayOfNotes = NotesService.getAll();

     // or use promise
     NoteService.promise.then(function(response) {
         scope.cleanArrayOfNotes = response.data;
     });