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". + х? или любой другой более элегантный способ получить доступ к переменной, имя которой передается в виде строки?

Спасибо.

Answer 1

Вы можете использовать обозначение в скобках , которое не имеет прямого отношения к Angular или Typescript, а скорее к функции JavaScript:

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

  console.log(this[x]);
}