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(...)? Commented el 7 mar. 2018 a las 14:14
  • Acabo de solucionarlo @PabloLozano sobra el <Prueba> antes de response.json Ahora me autocontesto.
    – Findelias
    Commented 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 Commented 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

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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