Typescript - How to solve - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type

Question

I'm having trouble declaring a variable correctly.

I am using the code here:

ngOnInit(): void {
this.activatedRoute.fragment.subscribe(numberOfTab => {
if (numberOfTab) {
this.tabs[numberOfTab].active = true;
} else {...}

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'landingPage: { id: 'landingPage', heading: 'shop.landingPage', active: false, loaded: true }'.

No index signature with a parameter of type 'string' was found on type.

I don't quite understand why and how to fix it.

Thanks in advance for clarification!

Mr. Stash · Accepted Answer · 2023-01-20 08:37:20Z

1

Create an interface for tabs and define the tabs as a dynamic property name and assign that property to the tabs variable

interface Tabs {
  [key: string]: {
    id: string;
    heading: string;
    active: boolean;
    loaded: boolean;
  };
}

tabs: Tabs = {
  landingPage: {
    id: 'landingPage',
    heading: 'shop.landingPage',
    active: false,
    loaded: true,
  },
};

answered Jan 20, 2023 at 8:37

Mr. Stash

3,2284 gold badges13 silver badges27 bronze badges

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

Comments

Carsten · Accepted Answer · 2023-01-20 08:22:40Z

0

To my simple knowledge, Typescript does not know the outcome of activatedRoute.fragment. This makes numberOfTab of type any. You then want to grab the object in tabs[numberOfTab] which basically translates to "tabs[anything]". The outcome can be anything to Typescript. And then you want to set the "active" property on that anything.

Typescript is just warning you: I don't know what tabs[numberOfTab] is.

You can solve this by explicitly stating the type of everything. For example (numberOfTab: number). Of just continue with the any type like (this.tabs[numberOfTab] as any).active = true

answered Jan 20, 2023 at 8:22

Carsten

4,22826 silver badges30 bronze badges

2 Comments

penalTech481 Over a year ago

I tried to continue with any type like (this.tabs[number Of Tab] as any).active = true but still the same error occurs

Carsten Over a year ago

(numberOfTab: any) after subscribe

Collectives™ on Stack Overflow

Typescript - How to solve - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related