I'm trying to add a class when Im on a certain route. The code is in my AppComponent, Im using ngClass.
@Component({
selector: 'my-app',
template: `<a [ngClass]="getRoute(router)">
// Some html code....
})
and then I have the function on the same app.component.ts
export class AppComponent {
getRoute(){
if (this.router.url === '/atendimento'){
return "hide-bar";
}
}
}
The error I'm getting is the following one:
Property 'router' does not exist on type 'AppComponent'
And yes, I am importing Routes, RouterModule and Router on the header. Can someone help me?
Thanks in advance
We use the router-outlet directive, an Angular 2 Routing directive that displays the active route (like ng-view ).
First, add links to the two components. Assign the anchor tag that you want to add the route to the routerLink attribute. Set the value of the attribute to the component to show when a user clicks on each link. Next, update your component template to include <router-outlet> .
ActivatedRoutelink. Provides access to information about a route associated with a component that is loaded in an outlet.
You need to inject the router
export class AppComponent {
constructor(private router:Router) {}
getRoute(){
if (this.router.url === '/atendimento'){
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With