Angular2 动态访问这个对象打字稿

Question

在 Angular2 打字稿组件中，我有以下局部变量

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

我想在这样的函数中动态使用这些

doSomeStuff("teapot20")

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

所以在这个例子中，我传递了局部变量“teapot20”的字符串名称，我想用这个字符串来操作名为teapot20的实际变量。

我可以这样做吗？

谢谢

Answer 1

您最好使用字符串文字，而不仅仅是字符串：

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

或者：

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

通过这种方式，您可以确保没有人像这样称呼它：

doSomeStuff("tepo10");