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.