Así que tengo esta pequeña aplicación en Angular2 y estoy tratando de definir un objeto. Este es el componente principal.
export class ContactComponent { person: { firstname: string; lastname: string; } constructor(private PeopleService: PeopleService){ } ngOnInit(){ this.PeopleService.fetchData().subscribe( data=> { this.person.firstname=data.results[0].name.first; console.log(this.person.firstname); }); } }Luego, en el registro de la consola obtengo:
No se puede establecer la propiedad 'firstname' de indefinido
No puedo resolverlo. Gracias.
Aquí solo está definiendo el tipo de person (los dos puntos representan anotaciones de tipo, por ejemplo: propertyName:Type ):
person: { firstname: string; lastname: string; } Lo que ha hecho aquí es decirle al compilador que person es un objeto literal con 2 propiedades de cadena, lastname firstname Define lo que se puede almacenar en esa propiedad, no lo que contiene.
Primero debe asignar un valor, de lo contrario, será undefined
interface Person { firstname ? : string; // the "?" makes the property optional, lastname ? : string; // so you can start with an empty object } export class ContactComponent { person: Person = {}; // initializing with an empty object constructor(private PeopleService: PeopleService) {} ngOnInit() { this.PeopleService.fetchData().subscribe( data => { this.person.firstname = data.results[0].name.first; console.log(this.person.firstname); }); } }Crea una clase y hereda en el componente. Por ejemplo, vea el siguiente código
export class Person{ firstname: string; lastname: string; } export class ContactComponent { person=Person[]; constructor(private PeopleService: PeopleService){ } ngOnInit(){ this.PeopleService.fetchData().subscribe( data=> { this.person.firstname=data.results[0].name.first; console.log(this.person.firstname); }); } }Primero declare un objeto de tipo persona en onInit() .
person p=new person();