Estimados estoy iterando un objeto en el cual quiero transformar u obtener solo los elementos del array con map pero la llave del objeto cuando intento acceder me da error. voy a dejar codigo y capturas para un mejor entendimiento. Intenete con pluck y si me transforma pero me indica el compilador que pluck esta en desuso, que utilice map, pero obtengo ese error. Gracias.
// Servicio
import { Injectable } from "@angular/core";
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { Incident } from "../interfaces/incidencia.interface";
import { environments } from "src/environments/environments";
@Injectable({ providedIn: 'root' })
export class ServiceIncidencia {
private baseUrl: string = environments.baseUrl;
constructor(private http: HttpClient){}
getIncidencias(): Observable<Incident[]>{
return this.http.get<Incident[]>(`${this.baseUrl}/incidents`)
}
}
// interface
export interface Incidencia {
incident: Incident[];
}
export interface Incident {
_id: string;
nombre: string;
description: string;
user: Typeofincident;
typeofincident: Typeofincident;
disponible: boolean;
}
export interface Typeofincident {
_id: string;
nombre: string;
}
// componente
import { Component, OnInit } from '@angular/core';
import { Incident } from '../interfaces/incidencia.interface';
import { ServiceIncidencia } from '../services/incidencia.service';
import { map } from 'rxjs';
@Component({
selector: 'app-incidencias',
templateUrl: './incidencias.component.html',
styles: [
]
})
export class IncidenciasComponent implements OnInit {
incident: Incident[] = [];
constructor( private serviceIncidencia: ServiceIncidencia){
}
ngOnInit(): void {
this.serviceIncidencia.getIncidencias()
.pipe(
map(resp => resp.incident)
)
.subscribe(console.log)
}}
respuesta que se obtiene sin acceder con la llave incident
Este error lanza cundo coloco la llave incident
Si utilizo pluck si transforma, pero como comente me indica que esta en desuso. y obtenego el array transformado o sin la llave incident solo el array.
Incident
no tiene un arrayincidents
dentro, pero claro, me lo tengo que inventar porque no puedo verlo :)incidents
. Cambia lo que devuelves en la API o actualiza tu modelo acorde.