Как связать два массива?

Question

[frontAng]

Пример . Кликнули по цифре 1 - добавился класс active как к данному элементу, так и test1

кликнули по test2 - добавился класс active как ему, так и цифре 2

https://stackblitz.com/edit/angular-hello-world-cy...

Answer 1

[Anton]

<ng-container *ngFor="let item of arr1; let index = index">
  <p [class.active]="isActive[index]" (click)="toggleClass(index)">
    {{ item }}
  </p>
</ng-container>

<ng-container *ngFor="let item of arr2; let index = index">
  <p
    [class.active]="isActive[arr1.length + index]"
    (click)="toggleClass(arr1.length + index)"
  >
    {{ item }}
  </p>
</ng-container>

isActive: boolean[] = [];

  toggleClass(index: number) {
    this.isActive[index] = !this.isActive[index];
  }

Answer 2

[Антон]

Покажите как вы пробовали решать и что у вас не получилось.
В целом:
1. При клике сохраняйте индекс кликнутого элемента (опционально, удаляйте индекс кликнутого элемента по повторному клику)
2. При выводе проверяйте, есть ли индекс текущего элемента в массиве кликнутых. Если есть - устанавливайте класс active.