Angular does not accept string variable as object key

Question

Unfortunatelly I can't find answer or solution. So: if I use a static string as key, it works - but if I use a variable that gives exactly THE SAME string, Angular does not accept it.

The error message is weird: "Element implicitly has an 'any' type because expression of type 'string' can't be used to index type". (Of course this is NOT true, plus that is not index but key. Anyway.)

Thank for any help.

Osama Ansar · Accepted Answer · 2022-05-17 12:09:23Z

1

you should do something like

this.rendel[adat.kulcs as keyof typeof this.rendel] = adat.v

answered May 17, 2022 at 12:09

Osama Ansar

766 bronze badges

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

2 Comments

Mityu Over a year ago

Wow! This is working. I check once more. Thank you very much. :)

Mityu Over a year ago

Please could you tell me is there a solution to declare a class with keys of the 'rendel' object, and then import and use that?

nevzatopcu · Accepted Answer · 2022-05-17 11:53:44Z

1

Obviously, It doesn't allow strings.

You should say that it's not an only string, it's one of the keys of the rendel object, so you should create a new interface and update the addItem function as the following

interface Rendel {
    alap: string,
    tipus: string,
    felfet: string
}


addItem(adat: {v: string, kulcs: keyof Rendel}) {
        this.rendel[adat.kulcs] = adat.v
}

answered May 17, 2022 at 11:53

nevzatopcu

1,0851 gold badge8 silver badges14 bronze badges

1 Comment

Mityu Over a year ago

I tried this, but I got error message: Property 'addItem' does not exist on type 'AppComponent'.. Weird.

Collectives™ on Stack Overflow

Angular does not accept string variable as object key

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related