Angular：如何在TS中访问其名称作为字符串从HTML传递的变量

Question

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

类似：

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不直接相关的bracket notation，而是JavaScript功能：

foo(x: any) void {
  // ...I'd like to get an access to "this.x"

  console.log(this[x]);
}