Tengo un JSON que se me envia como servicio externo desde esta url. https://jsonplaceholder.typicode.com/todos/1 Estos datos los capturo en mi angular de la siguiente manera: Defino mi archivo de nombre Base64.ts que define la forma de mis datos
export interface Base64{
"userId":number;
"nombre":string;
"title":string;
"completed": boolean;
}
capturo los datos enviados desde la URL en mi about.services.ts
import { Base64 } from "./Base64";
@Injectable({
providedIn: 'root'
})
export class AboutService {
constructor( private httpCliente:HttpClient) {
console.log('servicee esta trabajando');
}
getData2(){
return this.httpCliente.get<Base64[]>('https://jsonplaceholder.typicode.com/todos/1')
}
}
Defino en mi about.component.ts lo siguiente:
import { Component } from '@angular/core';
import { AboutService } from '../about.service';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css']
})
export class HomeComponent {
bases =[];
constructor( private data:AboutService){
this.data.getData2().subscribe(dato =>{
this.bases=dato;
})
}
hasta este punto todo normal. si hiciera un
console.log(this.bases);
tendria el siguiente resultado correcto:
{userId: 1, id: 1, title: "delectus aut autem", completed: false}
EL PROBLEMA VIENE AQUI : No puedo acceder a un atributo especifico de esta coleccion de datos. (Quiero obtener el conteniedo de "title" y guardarlo en una variable)
he probado con :
console.log(this.bases[2]);
resultandome en consola undefined, tambien probe con:
var variable1 = this.bases.title;
console.log(variable1);
esta ves me aparece un error en la consola de comandos de Angular
ERROR in src/app/home/home.component.ts(21,33): error TS2339: Property 'title' does not exist on type 'any[]'
Gracias de antemano
console.log(this.bases.title);
@JackNavaRowbases =[]; constructor( private data:AboutService){ this.data.getData2().subscribe(dato =>{ this.bases=dato; console.log(this.bases);
base : Array<Base64>{} = []