Currently, I am facing an issue while trying to define a variable with the Object type and initialize it with a property. When attempting to access that property, an error message 'Property ____ does not exist on type Object' is displayed. I have researched this problem and discovered there are 3 types of objects: object, Object, and {}. I can successfully access my properties using {} but encounter issues with object and Object.
export class customDirective {
configg:Object={
qSelector:'.card-text'
};
@HostListener('mouseover') onmouseover(){
var element =this.el.nativeElement.querySelector(this.configg.qSelector);
this.ren.setElementStyle(element, 'display', 'block');
this.isHovering = true;
}
}