Skip to main content
se añadieron 834 caracteres en el cuerpo; etiquetas editadas
Origen Enlace

tengoTengo un servicio en Ionic/Angular en el que paso la url de un API a un componente. Pero antes de pasarloesta URL tiene un json. En el servicio quiero ordenar el APIjson según unos parámetros y despuésluego fraccionarlo en trozos de 10 objetos para que vaya cargando los datos poco a pocoenviar esos trozos al hacer scrollcomponente. Lo del scroll me sale pero si quiero ordenar el API antes de pasarlo por el pipe no veo la forma.

Desde el componente que muestra el API sí puedo ordenarloEsta sería la idea, pero como desde el servicio voy mandando los objetos de 10 en 10 (para lo del scroll), sólo me ordena esos 10 objetos, no todo el json.funciona bien:

Esta es la función dentro del servicio que pasa el url:

export class ZonesService {
  url =
    'https://raw.githubusercontent.com/nexus-devs/wow-classic-items/master/data/json/zones.json';
  urlOrdenada: any = [];
  urlOriginal: any;
  faction: any;

  constructor(private http: HttpClient, public factionService: FactionService) {
    this.faction = factionService.faction;
    console.log('La facción en el zones.service es', this.faction);
  }

  getZoneList(page) {
    this.urlOriginal = this.http.get(this.url);
    console.log('Estos son los datos de la url:' + this.http.get(this.url));
    for (let i = 0; i < this.urlOriginal.length; i++) {
      if (
        this.faction === this.urlOriginal[i].territory &&
        this.urlOriginal[i].level[0] >= 1
      ) {
        this.urlOrdenada.push(this.urlOriginal[i]);
      }
      if (
        this.urlOriginal[i].territory === 'Contested' &&
        this.urlOriginal[i].level[0] >= 1
      ) {
        this.urlOrdenada.push(this.urlOriginal[i]);
      }
    };

    this.urlOrdenada.sort(function(a, b) {
          if (parseFloat(a.level[0]) > parseFloat(b.level[0])) {
            return 1;
          }
          if (a.level[0] < b.level[0]) {
            return -1;
          }
          return 0;
        });
    return this.urlOrdenada.pipe(
      map((data: any) => data.slice(page * 10, page * 10 + 10))
    );
  }
}
getZoneList(){
  return  this.http.get(this.url)
   .pipe( map ( ((data: any) =>
   data.slice(page*10, page*10 + 10 ))));
}
 

Quiero ordenarPero no funciona. En la var urlOriginal quiero meter el array original del json. En urlOrdenada quiero meter el array ordenado, y a partir de objetos antesahí quiero mandar el array de pasar los 10 primeros al componenteen 10 (eso sí funciona). Me da que los muestrahay algo en pantallala conversión del json a arrayJson que no estoy haciendo bien.

He pensado hacerlo dentro del constructor del servicioCreo que el fallo está en:

constructor(private http: HttpClient) {
this.urlOrdenadaurlOriginal = this.http.get(this.url);
console.log(this.urlOrdenada);
this.urlOrdenada.sort(function(a, b) {
  if (parseFloat(a.level) > parseFloat(b.level)) {
    return 1;
  }
  if (a.level < b.level) {
    return -1;
  }
  // a must be equal to b
  return 0;
});
}

Pero no funciona. Da este error: ERROR Error: Uncaught (in promise): TypeError: this.urlOrdenada.sort is not a function

También he pensado en hacerlo todo dentro de la función del pipe pero no sé cómo.

tengo un servicio en Ionic/Angular en el que paso la url de un API a un componente. Pero antes de pasarlo quiero ordenar el API y después fraccionarlo en trozos de 10 objetos para que vaya cargando los datos poco a poco al hacer scroll. Lo del scroll me sale pero si quiero ordenar el API antes de pasarlo por el pipe no veo la forma.

Desde el componente que muestra el API sí puedo ordenarlo, pero como desde el servicio voy mandando los objetos de 10 en 10 (para lo del scroll), sólo me ordena esos 10 objetos, no todo el json.

Esta es la función dentro del servicio que pasa el url:

getZoneList(){
  return  this.http.get(this.url)
   .pipe( map ( ((data: any) =>
   data.slice(page*10, page*10 + 10 ))));
}

Quiero ordenar el array de objetos antes de pasar los 10 primeros al componente que los muestra en pantalla.

He pensado hacerlo dentro del constructor del servicio:

constructor(private http: HttpClient) {
this.urlOrdenada = this.http.get(this.url);
console.log(this.urlOrdenada);
this.urlOrdenada.sort(function(a, b) {
  if (parseFloat(a.level) > parseFloat(b.level)) {
    return 1;
  }
  if (a.level < b.level) {
    return -1;
  }
  // a must be equal to b
  return 0;
});
}

Pero no funciona. Da este error: ERROR Error: Uncaught (in promise): TypeError: this.urlOrdenada.sort is not a function

También he pensado en hacerlo todo dentro de la función del pipe pero no sé cómo.

Tengo un servicio en Ionic/Angular en el que paso la url de un API a un componente. esta URL tiene un json. En el servicio quiero ordenar el json según unos parámetros y luego fraccionarlo en trozos de 10 objetos para enviar esos trozos al componente. Lo del scroll me sale pero si quiero ordenar el API antes de pasarlo por el pipe no veo la forma.

Esta sería la idea, pero no funciona bien:

export class ZonesService {
  url =
    'https://raw.githubusercontent.com/nexus-devs/wow-classic-items/master/data/json/zones.json';
  urlOrdenada: any = [];
  urlOriginal: any;
  faction: any;

  constructor(private http: HttpClient, public factionService: FactionService) {
    this.faction = factionService.faction;
    console.log('La facción en el zones.service es', this.faction);
  }

  getZoneList(page) {
    this.urlOriginal = this.http.get(this.url);
    console.log('Estos son los datos de la url:' + this.http.get(this.url));
    for (let i = 0; i < this.urlOriginal.length; i++) {
      if (
        this.faction === this.urlOriginal[i].territory &&
        this.urlOriginal[i].level[0] >= 1
      ) {
        this.urlOrdenada.push(this.urlOriginal[i]);
      }
      if (
        this.urlOriginal[i].territory === 'Contested' &&
        this.urlOriginal[i].level[0] >= 1
      ) {
        this.urlOrdenada.push(this.urlOriginal[i]);
      }
    };

    this.urlOrdenada.sort(function(a, b) {
          if (parseFloat(a.level[0]) > parseFloat(b.level[0])) {
            return 1;
          }
          if (a.level[0] < b.level[0]) {
            return -1;
          }
          return 0;
        });
    return this.urlOrdenada.pipe(
      map((data: any) => data.slice(page * 10, page * 10 + 10))
    );
  }
}
 

Pero no funciona. En la var urlOriginal quiero meter el array original del json. En urlOrdenada quiero meter el array ordenado, y a partir de ahí quiero mandar el array de 10 en 10 (eso sí funciona). Me da que hay algo en la conversión del json a arrayJson que no estoy haciendo bien.

Creo que el fallo está en:

this.urlOriginal = this.http.get(this.url);
Origen Enlace

Ordenar un API antes de enviarlo del servicio al componente en Ionic/Angular

tengo un servicio en Ionic/Angular en el que paso la url de un API a un componente. Pero antes de pasarlo quiero ordenar el API y después fraccionarlo en trozos de 10 objetos para que vaya cargando los datos poco a poco al hacer scroll. Lo del scroll me sale pero si quiero ordenar el API antes de pasarlo por el pipe no veo la forma.

Desde el componente que muestra el API sí puedo ordenarlo, pero como desde el servicio voy mandando los objetos de 10 en 10 (para lo del scroll), sólo me ordena esos 10 objetos, no todo el json.

Esta es la función dentro del servicio que pasa el url:

getZoneList(){
  return  this.http.get(this.url)
   .pipe( map ( ((data: any) =>
   data.slice(page*10, page*10 + 10 ))));
}

Quiero ordenar el array de objetos antes de pasar los 10 primeros al componente que los muestra en pantalla.

He pensado hacerlo dentro del constructor del servicio:

constructor(private http: HttpClient) {
this.urlOrdenada = this.http.get(this.url);
console.log(this.urlOrdenada);
this.urlOrdenada.sort(function(a, b) {
  if (parseFloat(a.level) > parseFloat(b.level)) {
    return 1;
  }
  if (a.level < b.level) {
    return -1;
  }
  // a must be equal to b
  return 0;
});
}

Pero no funciona. Da este error: ERROR Error: Uncaught (in promise): TypeError: this.urlOrdenada.sort is not a function

También he pensado en hacerlo todo dentro de la función del pipe pero no sé cómo.

Muchas gracias de antemano!