Property 'navigate' does not exist on type 'ActivatedRoute'

Question

I'm trying to navigate to listProfiles component through profile component (The previous component). I'm using an ActivatedRoute and trying to navigate to it through this.router.navigate(['/listProfiles])

Code in the component that should navigate to listProfile component

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

constructor(private router: ActivatedRoute){}

deleteProfile():void{
   this.router.navigate(['/listProfiles']); //Gives the error message in the title
}

app.module.ts

import { ListProfilesComponent } from './list-profiles/list-profiles.component';
import { ProfileComponent } from './profile/profile.component';

const appRoutes: Routes = [
{ path: 'addProfile', component: AddProfileComponent },
{ path: 'listProfiles', component: ListProfilesComponent},
{ path: 'profile/:id', component: ProfileComponent},
{ path: 'login', component: LoginComponent}
];

@NgModule({
  declarations: [
  AppComponent,
  ListProfilesComponent,
  ProfileComponent,
  ],
  imports: [
  FormsModule,
  ReactiveFormsModule,
  NoopAnimationsModule,
  BrowserModule,
  HttpModule,
  RouterModule.forRoot(
    appRoutes,
    {enableTracing: true}
    )
  ],
  providers: [ StorageService, LoginService, ClientIDService],
  bootstrap: [AppComponent]
})

Answer 1

you have to add :

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

then :

 this.router.navigate(...