Angular2 dynamically access this object typescript

Question

In an Angular2 typescript component I have the following local variables

teapot10: boolean = false;
teapot20: boolean = false;
teapot30: boolean = false;

I want to use these dynamically in a function like so

doSomeStuff("teapot20")

doSomeStuff(teapot: string){
    this[teapot] = true
}

So in this example I pass the string name of the local variable "teapot20" and I want to use this string to manipulate the actual variable called teapot20.

Can I do this?

Thanks

it does work!! I was using the wrong variable in my code... arse — 72GM
– 72GM, Commented Jan 23, 2017 at 15:02

Nitzan Tomer · Accepted Answer · 2017-01-23 15:04:33Z

1

You better use string literals instead of just a string:

doSomeStuff(teapot: "teapot10" | "teapot20" | "teapot30") {
    this[teapot] = true
}

Or:

type PropNames = "teapot10" | "teapot20" | "teapot30";
doSomeStuff(teapot: PropNames) {
    this[teapot] = true
}

This way you can make sure that no one calls it like so:

doSomeStuff("tepo10");

answered Jan 23, 2017 at 15:04

Nitzan Tomer

166k51 gold badges330 silver badges307 bronze badges

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

Collectives™ on Stack Overflow

Angular2 dynamically access this object typescript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related