estoy trabajando en una api con angular, y tengo el siguiente codigo en mi archivo ts.
import { Component, OnInit } from '@angular/core';
import { ApiService } from '../api.service';
import { Escuderia } from '../modelos/api.model';
@Component({
selector: 'app-api-escuderias',
templateUrl: './api-escuderias.component.html',
styleUrls: ['./api-escuderias.component.css']
})
export class ApiEscuderiasComponent implements OnInit {
datosApi: Escuderia []= [];
opcionSelecionada = "Escuderias";
constructor(private apiService: ApiService) { }
ngOnInit(): void {
this.obtenerDatos();
}
obtenerDatos(){
this.apiService.getDatos().subscribe(data =>{
this.datosApi= data;
console.log(this.datosApi);
}, error =>{
console.log(error);
})
}
}
Lo que intento hacer, es lo que esta en el array 'datosApi', ordenarlo en un array nuevo por el valor de la clave 'campeonatos' de ese array. para mostrarlo con un *ngFor.
Intenté de la siguiente manera
datosC = this.datosApi.sort((a, b)=>{
return (a.campeonatos - b.campeonatos)
});
Sencillamente me devuelve el array vacio, como se puede ver en la imagen de arriba. Si deseo mostrarlo por consola ordenadamente, igual sale vacio. Trate de recorrerlo con un forEach y tampoco, trate de asignarle un valor de la siguiente forma:
datosC = this.datosApi[0];
Me da errores, definitivamente no se como proceder, les agrdezco mucho saber porque el metodo sort no me está funcionando.