src/app/app.component.ts
| selector | app-root |
| styleUrls | app.component.scss |
| templateUrl | ./app.component.html |
Properties |
constructor(router: Router)
|
||||||||
|
Defined in src/app/app.component.ts:12
|
||||||||
|
Parameters :
|
| _router |
_router:
|
|
Defined in src/app/app.component.ts:12
|
import { environment } from '../environments/environment.prod';
import { Router } from '@angular/router';
import { Component } from '@angular/core';
import * as firebase from 'firebase';
firebase.initializeApp(environment.firebase);
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
_router;
constructor(private router: Router) {
this._router = router;
}
}
<div
class="app-header mat-elevation-z6"
*ngIf="_router.url != '/login'"
>
<mat-toolbar color="primary">
<div class="header-container">
<!-- logo -->
<div class="logo-container">
<span
class="logo"
[routerLink]="['/hospitals']"
>
Care
</span>
</div>
<!-- nav menu -->
<div class="nav-container">
<ul class="nav-menus">
<li>
<a [routerLink]="['/appointments']">Appointments</a>
</li>
<li>
<a [routerLink]="['/hospitals']">Hospitals</a>
</li>
<li>
<a [routerLink]="['/doctors']">Doctors</a>
</li>
<li>
<a [routerLink]="['/login']">Login</a>
</li>
</ul>
</div>
</div>
</mat-toolbar>
</div>
<router-outlet></router-outlet>