tengo un problema intentando definir una clase que implementa una interfase que tiene objetos anidados.
Si bien la idea es asignarle valores que provienen de un formulario en este caso intenté incluso darle valores fijos pero el error es el mismo cada vez que intento crear un nuevo objeto de la clase Cliente.
const cliente = new Cliente (dataForm)
No alcanzo a darme cuenta donde esta el error. Desde ya les agradezco.
> NuevoClienteComponent.html:9 ERROR TypeError: Cannot set property 'calle' of undefined
at new Cliente (cliente.ts:20)
at NuevoClienteComponent.save (nuevo-cliente.component.ts:21)
at Object.eval [as handleEvent] (NuevoClienteComponent.html:9)
at handleEvent (core.js:36759)
at callWithDebugContext (core.js:38377)
at Object.debugHandleEvent [as handleEvent] (core.js:38013)
at dispatchEvent (core.js:24335)
at core.js:26203
at SafeSubscriber.schedulerFn [as _next] (core.js:29565)
at SafeSubscriber.__tryOrUnsub (Subscriber.js:185)
export interface Cliente {
id: string;
grupo?: string;
nombre: string;
cuit: string;
direccion: {calle: string, altura: string};
localidad: string;
codPostal: string;
contactos?: {nombre: string; telefono: string; mail: string};
}
export class Cliente implements Cliente {
constructor(cliente) {
this.id = null;
this.grupo ? this.grupo = cliente.grupo : this.grupo = null;
this.nombre = cliente.nombre.value;
this.cuit = cliente.cuit.value;
this.direccion.calle = 'calle';
this.direccion.altura = '';
this.localidad = cliente.localidad.value;
this.codPostal = cliente.codigoPostal.value;
}
}