AngularJS: error in Array, JSON Service

Question

AngularJS: error in Array, JSON Service

Navigation

#1 by (1 votes)

2

I want to take the first record out of the array but I get the following error:

This is my code:

servicioMiClaro.obtenerDirecciones().then(function (response) {
           $scope.listadoProductoServicios  = response.data;
            console.log(response.data);
        }, function (error) {
            $scope.status = 'Unable to load customer data: ' + error.message;
        });

console.log( $scope.listadoProductoServicios.listadoProductoServicios[0].afiliado);}

angularjs

asked by jorgenc 15.06.2016 в 22:33

source

1 answer

Problems showing data in the index.jsp with ajax Run cURL with digest authentication in java

score 1 · Answer 1

You are accessing the first record in the array well.

$scope.listadoProductoServicios.listadoProductoServicios[0].afiliado

But the console.log() is placing it outside of where you assign the values. Angular is based on Javascript, therefore it is asynchronous, so it performs the search servicioMiClaro.obtenerDirecciones() while printing the console.log .

Try the following code:

servicioMiClaro.obtenerDirecciones().then(function (response) { 
  $scope.listadoProductoServicios  = response.data;
  console.log(response.data);
  console.log($scope.listadoProductoServicios.listadoProductoServicios[0].afiliado);
}, function (error) {
   $scope.status = 'Unable to load customer data: ' +error.message;
});