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");