Debugging components in Angular 9

dashboard.component.html

<div class="page-layout simple fullwidth">

    <div class="header accent p-24" fxLayout="row" fxLayoutAlign="start center">
        <h2>{{title}}</h2>
    </div>

    <div class="content p-24">
        <h1 class="m-0">Quick stats and links</h1>
        <h4 class="secondary-text">coming soon..</h4>
    </div>

</div>

dashboard.component.ts

import {Component} from '@angular/core';
import {Router} from '@angular/router';

@Component({
    selector: 'app-dashboard',
    templateUrl: './dashboard.component.html',
    styleUrls: ['./dashboard.component.scss']
})
export class DashboardComponent {

    title = 'Dashboard';

    constructor(private router: Router) {
    }

    public goToFAQsPage() {
        this.router.navigateByUrl('/admin/faq');
    }

    private alertFoo() {
        window.alert('Isn\'t this cool?');
    }
}