0

Estoy tratando de consumir un json con angular y me está dando el error:

error TS2322: Type 'Observable<{} | Prueba>' is not assignable to type 'Observable'. Type '{} | Prueba' is not assignable to type 'Prueba'. Type '{}' is not assignable to type 'Prueba'. Property 'date' is missing in type '{}'.

Mi servicio:

@Injectable()
export class MyService {

  constructor(private http: Http) { }
  
  private urlTo = 'http://url.com/json/';

  getData(): Observable<Prueba> {
    return this.http.get(this.urlTo)
      .map((response: Response) => <Prueba>response.json())
      .do(data => console.log('All: ' + JSON.stringify(data)))
      .catch(this.handleError);
  }

La clase prueba:

export class Prueba {
    public date: number;
    public name: string;
    public age: number;
}

3
  • 1
    ¿Qué línea te da el error, la del .map(...)? el 7 mar. 2018 a las 14:14
  • Acabo de solucionarlo @PabloLozano sobra el <Prueba> antes de response.json Ahora me autocontesto.
    – Findelias
    el 7 mar. 2018 a las 14:18
  • Era lo que sospechaba,tu código así creo que es equivalente a (response as Prueba).json() y el compilador se quejaba de eso el 7 mar. 2018 a las 14:20

1 respuesta 1

0

He encontrado la solución a mi propio problema.

 getData(): Observable<Prueba> {
    return this.http.get(this.urlTo)
      .map((response: Response) => response.json())
      .do(data => console.log('All: ' + JSON.stringify(data)))
      .catch(this.handleError);
  }

Sobraba el <Prueba>

En la línea del map. Dónde ponía antes <Prueba>.response.json()

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.