src/client/app/modules/shared/components/navbar/navbar.component.ts
| moduleId | module.id |
| selector | sd-navbar |
| styleUrls | navbar.component.css |
| templateUrl | navbar.component.html |
import { Component } from '@angular/core';
@Component({
moduleId: module.id,
selector: 'sd-navbar',
templateUrl: 'navbar.component.html',
styleUrls: [
'navbar.component.css',
],
})
export class NavbarComponent {
}
<nav>
<a [routerLink]="['/']" [routerLinkActive]="['router-link-active']" [routerLinkActiveOptions]="{exact:true}">{{'HOME' | translate}}</a>
<a [routerLink]="['/about']" [routerLinkActive]="['router-link-active']" [routerLinkActiveOptions]="{exact:true}">{{'ABOUT' | translate}}</a>
<a [routerLink]="['/puzzle']" [routerLinkActive]="['router-link-active']" [routerLinkActiveOptions]="{exact:true}">{{'PUZZLE' | translate}}</a>
</nav>