Navigate not working

My app doesn’t navigate to a new page. When I include <router-outlet></router-outlet> in my app.component.html, it shows the check-out component so I know that it’s routing to the right URL but I want to navigate to a new page, not stay on the same page.

In shopping-cart.component.ts:

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

public checkOut(): void {

this.router.navigate(['check-out'], {relativeTo: this.route});

ngOnInit(): void {
this.submitForm = new FormGroup({ 

In app-routing.module.ts

import { Routes, RouterModule } from '@angular/router';
import { CheckOutComponent } from './check-out/check-out.component';

const routes: Routes = [
   path: 'check-out',
   component: CheckOutComponent

  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]

export class AppRoutingModule { }

In app.module.ts

import { AppRoutingModule } from './app-routing.module';
import { CheckOutComponent } from './check-out/check-out.component';
import { RouterModule } from '@angular/router';
import { ShoppingCartComponent } from './shopping-cart/shopping-cart.component';

  declarations: [
  imports: [
export class AppModule { }

constructor(public router: Router, private route: ActivatedRoute){}


<form [formGroup]="submitForm" (ngSubmit)="checkOut()">
<input type="submit" value="Check Out">

Hi ,
I am an Angular expert and can solve your issue . I have mailed you in reply on your craigslist ad . Please reply me on that mail.

What would be your flat fee for the project?

I will charge a flat fee: $75