Saya menggunakan jquery di angular 8 component ts dan saya ingin menambahkan kelas pada acara yang diklik. Jadi saya perlu memanggil kata kunci ini.

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 Oktober 2019, 14:22

2 jawaban

Jawaban Terbaik

Anda seharusnya tidak menggunakan jQuery sama sekali. Saya menduga Anda ingin memiliki kelas aktif pada item menu berdasarkan url Anda saat ini. Anda dapat gunakan

[routerLinkActive]="'active'"

Pada elemen Anda dengan routerLink. Ini akan menambahkan kelas 'aktif' ketika rute itu aktif

3
maciejze 25 Oktober 2019, 11:29

Coba seperti ini:

<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 Oktober 2019, 12:15