Блог

Я пытаюсь передать текст щелчка в переменную при событии щелчка. Вот код, который у меня есть на данный момент:

 <th (click)="sortedColumn = clickValue">Ask Price</th>
  

Итак, когда пользователь нажимает на заголовок таблицы, я бы хотел, чтобы он сохранял значение заголовка таблицы «Запрашиваемая цена» в sortedColumn переменной.

Вы можете попробовать два варианта:

• использование ссылочной переменной шаблона

   <th (click)="sortedColumn = ref.textContent" #ref>Ask Price</th>
                                               ^^^^
    

• использование $event

   <th (click)="sortedColumn = $any($event.target).textContent">Ask Price</th>
    

Я пока не могу комментировать, но в качестве приложения к ответу выше:

Я бы также передал значение функции, определенной в вашем компоненте .ts, и присвоил бы значение там свойству.

HTML:

<th (click)="onClickHeader($any($event.target).textContent)">Ask Price</th>

ts:

public onClickHeader(value: string): void { this.sortedColumn = value; }