Я использую 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')
        })
      });
    }
-1
Praveen Kumar 25 Окт 2019 в 14:22

2 ответа

Лучший ответ

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

[routerLinkActive]="'active'"

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

3
maciejze 25 Окт 2019 в 11:29

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

<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>
0
Adrita Sharma 25 Окт 2019 в 12:15
58557605