src/app/not-found/not-found.component.ts
| selector | app-not-found |
| styleUrls | not-found.component.scss |
| templateUrl | ./not-found.component.html |
import { Component } from '@angular/core';
import { routerTransition } from '../router.animations';
@Component({
selector: 'app-not-found',
templateUrl: './not-found.component.html',
styleUrls: ['not-found.component.scss'],
animations: [routerTransition()]
})
export class NotFoundComponent { }
<div class="welcome-page" [@routerTransition]>
<div class="row">
<div class="col-md-10 push-md-1">
<h1>404 - Page Not Found</h1>
<p class="lead">This page does not exist</p>
<p class="lead">
<a class="btn rounded-btn" [routerLink]="['/']">Home</a>
</p>
</div>
</div>
</div>