File
Metadata
| selector |
ngx-not-found |
| styleUrls |
not-found.component.scss |
| templateUrl |
./not-found.component.html |
Constructor
constructor(menuService: NbMenuService)
|
|
|
Parameters :
| Name |
Type |
Optional |
| menuService |
NbMenuService
|
no
|
|
import { NbMenuService } from '@nebular/theme';
import { Component } from '@angular/core';
@Component({
selector: 'ngx-not-found',
styleUrls: ['./not-found.component.scss'],
templateUrl: './not-found.component.html',
})
export class NotFoundComponent {
constructor(private menuService: NbMenuService) {
}
goToHome() {
this.menuService.navigateHome();
}
}
<div class="row">
<div class="col-md-12">
<nb-card>
<nb-card-body>
<div class="flex-centered col-xl-4 col-lg-6 col-md-8 col-sm-12">
<h2 class="title">404 Page Not Found</h2>
<small class="sub-title">The page you were looking for doesn't exist</small>
<button (click)="goToHome()" type="button" class="btn btn-block btn-hero-primary">
Take me home
</button>
</div>
</nb-card-body>
</nb-card>
</div>
</div>
Legend
Html element with directive