### File

`src/app/not-found/not-found.component.ts`

### Metadata

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>

Legend
Html element
Component
Html element with directive

# results matching ""

# No results matching ""