Как использовать JQuery это ключевое слово в угловом компоненте 8

Question

Я использую jquery в угловых 8 компонентных TS, и я хочу добавить класс по событию clicked. Поэтому мне нужно назвать это ключевое слово.

activeSideMenu(){
      jQuery(document).ready(($) => {
        $('#mySidenav a').on('click',() => {
          var ths = this;
          $('#mySidenav a').removeClass('active');
          $(ths).addClass('active');
          console.log('hello')
        })
      });
    }

Answer 1

Вы не должны использовать jQuery вообще. Я подозреваю, что вы хотите иметь активный класс в пункте меню на основе вашего текущего URL. Вы можете использовать

[routerLinkActive]="'active'"

на вашем элементе с routerLink. Он добавит «активный» класс, когда этот маршрут активен

Answer 2

Попробуй так:

<div id="mySidenav" class="sidenav" *ngIf="router.url != '/login'">
    <a class="mt-3" routerLink="/devices" [routerLinkActive]="active" (click)="closeNav()"> Devices</a>
    <a (click)="toggle = !toggle; opn()" [ngClass]="toggle ? 'active' : ''">Open </a>
</div>