Если у вас нет возможности использовать директиву routerLink, вы всё равно можете добавить класс активной ссылке в Angular. Для этого вам нужно будет отслеживать текущий путь или URL и сравнивать его с путем или URL, на который ссылается ваша ссылка. Если они совпадают, то вы можете добавить класс активной ссылки.
Следующие шаги помогут вам реализовать это:
1. Импортируйте Router из @angular/router в компонент, в котором вы хотите добавить класс активной ссылке:
import { Router } from '@angular/router';
2. Внедрите Router в конструктор компонента:
constructor(private router: Router) { }
3. Создайте метод в компоненте, который будет проверять текущий путь или URL и возвращать true, если они совпадают:
isActive(url: string): boolean {
return this.router.isActive(url, true);
}
4. В HTML-разметке вашей ссылки добавьте проверку с использованием ngClass:
<a [ngClass]="{ 'active': isActive('/your-url')}">Ссылка</a>
В этом примере мы использовали isActive('/your-url') для проверки активности ссылки на путь "/your-url". Если метод isActive() вернет true, то будет добавлен класс "active" к ссылке.
Вы можете изменить 'active' на другой класс, который вы хотите использовать для активной ссылки.
Обратите внимание, что для использования isActive вы будете нуждаться в Angular Router, поэтому убедитесь, что вы настроили и используете маршрутизацию в вашем приложении Angular.