One of the models I am working with is called "opcionesautocomplete.model.ts"
interface IOpcionesAutocomplete {
opcionesStyle: OpcionStyle;
pcionPropiedades: OpcionPropiedades;
}
export class OpcionesAutocomplete implements IOpcionesAutocomplete {
opcionesStyle: OpcionStyle;
opcionPropiedades: OpcionPropiedades;
constructor() { }
}
interface IOpcionStyle {
width: number;
height: number;
isOverflowY: boolean;
}
export class OpcionStyle implements IOpcionStyle {
width: number;
height: number;
isOverflowY: boolean;
constructor() { }
}
interface IOpcionPropiedades {
propiedad1: string;
propiedad2: string;
textoEtiqueta: string;
}
export class OpcionPropiedades implements IOpcionPropiedades {
propiedad1: string;
propiedad2: string;
textoEtiqueta: string;
constructor() { }
}
Currently, I am attempting to populate the object in my component with all its properties. However, Angular2 is throwing an error in "mycmp.component.ts":
import { OpcionesAutocomplete, OpcionStyle, OpcionPropiedades } from './../../shared/forms/autocomplete/opcionesautocomplete.model';
export class.... {
opcionStyle = new OpcionStyle();
opcionPropiedades = new OpcionPropiedades();
opcionesAutocompleteClientes : OpcionesAutocomplete = new OpcionesAutocomplete();
...
fillObject(){
this.opcionStyle.width=550;
this.opcionStyle.height=150;
this.opcionStyle.isOverflowY=true;
this.opcionesAutocompleteClientes.opcionStyle = this.opcionStyle; //The error is here
}
}
The error is present in the line:
this.opcionesAutocompleteClientes.opcionStyle = this.opcionStyle;
"Property opcionStyle does not exist in type "OpcionesAutocomplete"