J'essaye de passer le texte de clic dans une variable sur un événement de clic. Voici le code que j'ai pour le moment:

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

Ainsi, lorsqu'un utilisateur clique sur l'en-tête du tableau, j'aimerais qu'il stocke la valeur d'en-tête du tableau "Ask Price" dans la variable sortedColumn.

1
Kellen 26 août 2020 à 15:52

2 réponses

Meilleure réponse

Vous pouvez essayer deux options:

  • utilisation d'une variable de référence de modèle

    <th (click)="sortedColumn = ref.textContent" #ref>Ask Price</th>
                                                 ^^^^
    
  • en utilisant $event

    <th (click)="sortedColumn = $any($event.target).textContent">Ask Price</th>
    
3
yurzui 26 août 2020 à 12:58

Je ne peux pas encore commenter mais en annexe à la réponse ci-dessus:

Je transmettrais également la valeur à une fonction définie dans votre composant .ts et attribuerais la valeur à la propriété.

Html:

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

Ts:

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

2
Ondie 26 août 2020 à 13:03