Skip to main content
Error en las funciones
Origen Enlace
OscarR
  • 2.3k
  • 2
  • 14
  • 30

Tengo dentro d un controlador varias llamadas $http.get('/...') que obtienen los datos correctamente.

$scope.results = [];
$http.get('/call1').then(function(response){
    proccess(response);
});
$http.get('/call2').then(function(response){
    proccess(response);
});
$http.get('/call2').then(function(response){
    proccess(response);
});

Los datos que retornan son del tipo:

// call 1
{items:{1:{id: 1, title: "Título",…}, 2:{id: 2, title: "Título",…},…}}
// call 2
{items:{1:{id: 10, title: "Título",…}, 2:{id: 20, title: "Título",…},…}}
// call 3
{items:{1:{id: 100, title: "Título",…}, 2:{id: 200, title: "Título",…},…}}

En la función que procesa, al ser todas las estructuras iguales es sencilla:

function proccess(response){
    $scope.results = response.items;
}

El ng-repeat

<div data-ng-repeat="item in items">results">
    {{item.id}}
</div>

Y en esta parte es donde me encuentro el problema.

En teoría estoy intentando que el ng-repeat se actualice con los nuevos datos conforme los va obteniendo.

He probado con extend, concat, merge, push... y siempre me los sustituye o me lanza errores por consola y ando un poco atascado con este tema.

¿Como se deben unir las respuestas para que actualice el ng-repeat conforme va recibiendo los datos?

PD.: Cualquier duda comenten y actualizo

Tengo dentro d un controlador varias llamadas $http.get('/...') que obtienen los datos correctamente.

$scope.results = [];
$http.get('/call1').then(function(response){
    proccess(response);
});
$http.get('/call2').then(function(response){
    proccess(response);
});
$http.get('/call2').then(function(response){
    proccess(response);
});

Los datos que retornan son del tipo:

// call 1
{items:{1:{id: 1, title: "Título",…}, 2:{id: 2, title: "Título",…},…}}
// call 2
{items:{1:{id: 10, title: "Título",…}, 2:{id: 20, title: "Título",…},…}}
// call 3
{items:{1:{id: 100, title: "Título",…}, 2:{id: 200, title: "Título",…},…}}

En la función que procesa, al ser todas las estructuras iguales es sencilla:

function proccess(response){
    $scope.results = response.items;
}

El ng-repeat

<div data-ng-repeat="item in items">
    {{item.id}}
</div>

Y en esta parte es donde me encuentro el problema.

En teoría estoy intentando que el ng-repeat se actualice con los nuevos datos conforme los va obteniendo.

He probado con extend, concat, merge, push... y siempre me los sustituye o me lanza errores por consola y ando un poco atascado con este tema.

¿Como se deben unir las respuestas para que actualice el ng-repeat conforme va recibiendo los datos?

PD.: Cualquier duda comenten y actualizo

Tengo dentro d un controlador varias llamadas $http.get('/...') que obtienen los datos correctamente.

$scope.results = [];
$http.get('/call1').then(function(response){
    proccess(response);
});
$http.get('/call2').then(function(response){
    proccess(response);
});
$http.get('/call2').then(function(response){
    proccess(response);
});

Los datos que retornan son del tipo:

// call 1
{items:{1:{id: 1, title: "Título",…}, 2:{id: 2, title: "Título",…},…}}
// call 2
{items:{1:{id: 10, title: "Título",…}, 2:{id: 20, title: "Título",…},…}}
// call 3
{items:{1:{id: 100, title: "Título",…}, 2:{id: 200, title: "Título",…},…}}

En la función que procesa, al ser todas las estructuras iguales es sencilla:

function proccess(response){
    $scope.results = response.items;
}

El ng-repeat

<div data-ng-repeat="item in results">
    {{item.id}}
</div>

Y en esta parte es donde me encuentro el problema.

En teoría estoy intentando que el ng-repeat se actualice con los nuevos datos conforme los va obteniendo.

He probado con extend, concat, merge, push... y siempre me los sustituye o me lanza errores por consola y ando un poco atascado con este tema.

¿Como se deben unir las respuestas para que actualice el ng-repeat conforme va recibiendo los datos?

PD.: Cualquier duda comenten y actualizo

Origen Enlace
OscarR
  • 2.3k
  • 2
  • 14
  • 30

¿Como puedo unir varias respuestas http.get y actualizar ng-repeat?

Tengo dentro d un controlador varias llamadas $http.get('/...') que obtienen los datos correctamente.

$scope.results = [];
$http.get('/call1').then(function(response){
    proccess(response);
});
$http.get('/call2').then(function(response){
    proccess(response);
});
$http.get('/call2').then(function(response){
    proccess(response);
});

Los datos que retornan son del tipo:

// call 1
{items:{1:{id: 1, title: "Título",…}, 2:{id: 2, title: "Título",…},…}}
// call 2
{items:{1:{id: 10, title: "Título",…}, 2:{id: 20, title: "Título",…},…}}
// call 3
{items:{1:{id: 100, title: "Título",…}, 2:{id: 200, title: "Título",…},…}}

En la función que procesa, al ser todas las estructuras iguales es sencilla:

function proccess(response){
    $scope.results = response.items;
}

El ng-repeat

<div data-ng-repeat="item in items">
    {{item.id}}
</div>

Y en esta parte es donde me encuentro el problema.

En teoría estoy intentando que el ng-repeat se actualice con los nuevos datos conforme los va obteniendo.

He probado con extend, concat, merge, push... y siempre me los sustituye o me lanza errores por consola y ando un poco atascado con este tema.

¿Como se deben unir las respuestas para que actualice el ng-repeat conforme va recibiendo los datos?

PD.: Cualquier duda comenten y actualizo