6. Conectar componente a un servicio en Angular || CRUD con laravel y angular ✔️✔️

[@Ramcev]

Telegram: t.me/Ramcev
Cualquier duda por acá!!

[@zxasqw1054]

hola, muy buenos videos, directos al punto, pero tengo un problema en esta parte, espero me puedas ayudar. En producto.component.ts con el metrodo
ngOnInit() {//leemos registro en la BD
this.service.read().subscribe( res =>{
this.data = res.json();
this.current_hors = new Horse();
al compilar me tira un error en consola :
ERROR in src/app/horse/horse.component.ts:20:21 - error TS2339: Property 'json' does not exist on type 'Object'.
20 this.data = res.json();
~~~~
he investigado un poco y las soluciones que ofrecen no me ayudan... mejor te paso el archivo completo
import { Component, OnInit, HostBinding } from '@angular/core';
import { Horse } from '../horse';
import { HorseService } from '../horse.service';
@Component({
selector: 'app-horse',
templateUrl: './horse.component.html',
styleUrls: ['./horse.component.css']
})
export class HorseComponent implements OnInit {
data: Horse[];
current_hors: Horse; //variable para el producto
crud_operation = {is_new: false, is_visible: false} //variable pas las operaciones crud
constructor( private service: HorseService ) {
this.data=[];
}
ngOnInit() {//leemos registro en la BD
this.service.read().subscribe( res =>{
this.data = res.json();
this.current_hors = new Horse();
});
}
new(){ //metodo new
this.current_hors = new Horse();
this.crud_operation.is_visible = true;
this.crud_operation.is_new = true;
}
save(){
if (this.crud_operation.is_new){
this.service.insert(this.current_hors).subscribe(res => {
this.current_hors = new Horse();
this.crud_operation.is_visible = false;
this.ngOnInit();
});
return;
}
this.service.update(this.current_hors).subscribe(res => {
this.current_hors = new Horse();
this.crud_operation.is_visible = false;
this.ngOnInit();
});
}
edit(row){ //metodo editar
this.crud_operation.is_visible = true;
this.crud_operation.is_new = false;
this.current_hors = row;
}
delete(id){
this.service.delete(id).subscribe(res => {
this.crud_operation.is_new = false;
this.ngOnInit();
});
}
}