Typescript Object type does not allow access to properties

Question

i am trying to create a variable with Object type and initialised it with a property. but when i try to access that property it shows error 'Property ____ does not exist on type Object'. I had already searched for this and i found there are 3 type object , Object and {}. I can access my properties with {} but not 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;
    }
}

Aniket Avhad · Accepted Answer · 2018-08-30 07:17:58Z

1

Access property of object type using [ ]

i.e. this.configg['qSelector'] not this.configg.qSelector

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;
    }
}

answered Aug 30, 2018 at 7:17

Aniket Avhad

4,1453 gold badges25 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Aniket Avhad Over a year ago

If this answer is helpful then please approve it.

fjc · Accepted Answer · 2018-08-30 07:12:54Z

0

Object is an actual class: https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Object. It has certain properties defined, and qSelector is not one of it.

To define an arbitrary object that can have any properties set without TypeScript complaining, use the any type (or leave out the type definition altogether):

configg: any = {
    qSelector:'.card-text'
};

answered Aug 30, 2018 at 7:12

fjc

5,85521 silver badges38 bronze badges

2 Comments

Henry Over a year ago

And you loose all type checking by doing this. There is no point to use TypeScript when you type everything as any.

fjc Over a year ago

Sure. If you want to re-use your object, profit from type checking during compilation, have proper code completion available in your favorite IDE, ..., you should probably type it.

Collectives™ on Stack Overflow

Typescript Object type does not allow access to properties

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related