Как включить действие щелчка по определенной строке?

Question

<tr class="t-row {{selectedGoalIndex == j?'active-row':''}}" *ngFor="let goalObj of goalsList;let j=index;" (click)="getSelectedGoal(goalObj,j);">
  <td class="t-column" style="width:70%">{{goalObj.goalType.combinedName}}
    <span class="goals-doubletriangle" *ngIf="doubleTriangle==true" (click)="showDoubleTriangleUp(selectedGoal);">
      <img class="goals-icon-up" src="assets/images/doubletriangle.svg" />
    </span>
    <!-- <span class="goals-doubletriangle" *ngIf="doubleTriangle==false" (click)="showDoubleTriangleDown(selectedGoal);">
      <img class="goals-icon-down" src="assets/images/doubletriangle.svg" />
    </span> -->
  </td>
  <td class="t-column align-right" style="width:30%">
    <span class="icon-trash-o goal-delete show-pointer" *ngIf="!(isSuperAdminUser) && isEditable" (click)="deleteGoal(goalObj);"></span>
    <span class="icon-angle-right"></span>
  </td>
</tr>

это код, который у меня есть, и я хочу включить действие щелчка на изображении с двойным треугольником, и после нажатия класс doubletriangle должен появиться в активной строке (только в активной строке). Как это сделать?

Answer 1

Может быть, это работает для вас, но вам нужно настроить код для вашего проекта.

constructor(
    private elem: ElementRef,
    private renderer: Renderer2
) {}

this.naviElem = this.elem.nativeElement.querySelector('.imgclass');

this.renderer.addClass(this.naviElem, 'active');