Skip to main content
se añadió 1 carácter en el cuerpo
Origen Enlace
Sixto Mujica
  • 306
  • 1
  • 5
  • 19

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;
}

introducir la descripción de la imagen aquí

// 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)
    
}}

introducir la descripción de la imagen aquí

respuesta que se obtiene sin acceder con la llave incident

introducir la descripción de la imagen aquí

Este error lanza cundo colcocoloco la llave incident

introducir la descripción de la imagen aquí

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.

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

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;
}

introducir la descripción de la imagen aquí

// 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)
    
}}

introducir la descripción de la imagen aquí

respuesta que se obtiene sin acceder con la llave incident

introducir la descripción de la imagen aquí

Este error lanza cundo colco la llave incident

introducir la descripción de la imagen aquí

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;
}

introducir la descripción de la imagen aquí

// 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)
    
}}

introducir la descripción de la imagen aquí

respuesta que se obtiene sin acceder con la llave incident

introducir la descripción de la imagen aquí

Este error lanza cundo coloco la llave incident

introducir la descripción de la imagen aquí

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.

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

se añadieron 456 caracteres en el cuerpo
Origen Enlace
Sixto Mujica
  • 306
  • 1
  • 5
  • 19

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;
}

introducir la descripción de la imagen aquí

// 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)
    
}}

introducir la descripción de la imagen aquí

respuesta que se obtiene sin acceder con la llave incident

introducir la descripción de la imagen aquí

Este error lanza cundo colco la llave incident

introducir la descripción de la imagen aquí

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`)
    }
}

introducir la descripción de la imagen aquí

// 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)
    
}}

introducir la descripción de la imagen aquí

respuesta que se obtiene sin acceder con la llave incident

introducir la descripción de la imagen aquí

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;
}

introducir la descripción de la imagen aquí

// 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)
    
}}

introducir la descripción de la imagen aquí

respuesta que se obtiene sin acceder con la llave incident

introducir la descripción de la imagen aquí

Este error lanza cundo colco la llave incident

introducir la descripción de la imagen aquí

Origen Enlace
Sixto Mujica
  • 306
  • 1
  • 5
  • 19

Transformar Objeto en array map - rxjs - Angular - Error

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`)
    }
}

introducir la descripción de la imagen aquí

// 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)
    
}}

introducir la descripción de la imagen aquí

respuesta que se obtiene sin acceder con la llave incident

introducir la descripción de la imagen aquí