Javascript/Loopback - array.length возвращает 0

Question

Я использую loopback для чтения списка/массива клиентов. Я сохранил массив клиентов в $ scope.customers.customerList. Когда я впервые регистрирую, массив кажется прекрасным, но когда я получаю его длину, он кажется потерянным, потому что он возвращает 0. Почему это происходит?

Вот мой код:

$scope.customers = { customerList: [] }; 

    var filter = { 
      include: { 
       relation: 'orders' 
      } 
    }; 

    $scope.customers.customerList = Customers.find({filter: filter}); 
    console.log($scope.customers.customerList);   //outputs array with length 21 
    console.log($scope.customers.customerList.length); //array length is 0 

Ссылка: screenshot of the output

Answer 1

Это именно то, что Jonathan Lonowski описал. Customers.find, который создается ngResource, сначала возвращает пустой массив, и когда данные загружаются, он обновляет его. By the time the Browser console prints it or when you open it, the results are already there.

Из углового Docs:

Важно понимать, что вызов метода объекта $ ресурса немедленно возвращает пустую ссылку (объект или массив в зависимости от IsArray). Как только данные возвращаются с сервера, существующая ссылка заполняется фактическими данными.

Answer 2

Используйте метод find с функцией обратного вызова.

 $scope.customers = { customerList: [] }; 

var filter = { 
     include: { 
      relation: 'orders' 
     } 
}; 

Customers.find({filter: filter},function(customerList){ 
$scope.customers.customerList=customerList; 

    console.log($scope.customers.customerList);   //outputs array with length 21 
console.log($scope.customers.customerList.length); 
},function(error){ 

}); 

Answer 3

Метод поиска в loopback принимает обратный вызов и возвращает обещание. вы можете использовать либо.

//callback 
Customers.find({filter: filter}, function (err, customerList) { 
    $scope.customers.customerList = customerList; 
}); 

//Promise 
Customers.find({filter: filter}).then(function(customerList) { 
    //customerList is an array 
    $scope.customers.customerList = customerList; 
}); 

Вы можете видеть на своем выходе, что обещание было разрешено и дало 21 элемент. Длина была 0, потому что обещание не было разрешено в этот момент.