у меня есть массив который состоит из объектов,этот массив я добавляю в HTML с помощью *ngFor и обрабатываю событие клик,чтобы при нажатии добавить активный класс.
@Directive({
selector: '[appHome]'
})
export class HomeDirective {
@HostBinding('class.active') isActive = false;
@HostListener('click') onClick() {
this.isActive = true;
}
}
HTML
<li (click)="show(idx)" class="week-li" *ngFor="let wd of weekDays;let idx = index">
<p class="week-title" appHome> {{wd.titleName}}</p>
</li>
</ul>
Все работает нормально,клик добавляет ожидаемый класс,но когда я нажимаю на второму элементу,предыдущий активный класс не удаляется,как можно это реализовать только с Angular,без Angular js