web-dev-qa-db-ja.com

プロパティ 'navigate'はタイプ 'ActivatedRoute'に存在しません

プロファイルコンポーネント（前のコンポーネント）を介してlistProfilesコンポーネントに移動しようとしています。私はActivatedRouteを使用しており、this.router.navigate(['/listProfiles]を介してそこに移動しようとしています）

ListProfileコンポーネントに移動する必要があるコンポーネントのコード

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]
})
angularangular-ui-routerurl-routing
7
Fig

追加する必要があります：

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

次に：

 this.router.navigate(...
18
Nawrez