Angular:如何在TS中访问一个变量，该变量的名称是以字符串形式从HTML传递的

Question

我想访问.TS中的一个变量，该变量的名称是作为字符串从HTML传递的。

Smth样：

HTML:

<div id="myID"><button mat-button (click)="foo('name')">Export to Excel</button></div>

TS

varName = VARIABLE_VALUES;
foo(x: any) void {
...I'd like to get an access to "this.x"
}

有什么方法可以计算字符串"this."+x吗？或者任何其他更优雅的方式来访问以字符串形式传递名称的变量？

谢谢。

Answer 1

您可以使用括号表示法，它与Angular或Typescript没有直接关系，而是一个JavaScript功能：

foo(x: any) void {
// ...I'd like to get an access to "this.x"
console.log(this[x]);
}