Angular2 weist dem li-Tag eine aktive Klasse zu

Question

Ich möchte die aktive Klasse dem li-Tag in angular2 zuweisen, bin aber blockiert.

Dies ist, was ich habe

versucht, ich habe

export class SecondaryNavComponent implements OnInit { 

    //thinking of using to determine active link 

constructor(public _router:Router) { } //tried also with private 

ngOnInit() { 
} 

}

<li [class.active]=" _router.isRouteActive(_router.generate(['/dashboard']))" > 

    //the above _router.isRouteActive throws an error 

    <a routerLink="/dashboard"> 
    <i class="icon-display4 position-left"></i> Dashboard</a> 
</li> 

in meiner ts Datei

den Fehler

liest

ERROR TypeError: co._router.generate is not a function 

ALse webstorm generates an error that 
unkwon method router is active 

Was könnte falsch sein?

Answer 1

Verwenden Sie einfach die RouterLinkActive Richtlinie dafür:

https://angular.io/docs/ts/latest/api/router/index/RouterLinkActive-directive.html

Es ist bereits in der @angular/router Paket.