属性 'navigate' 在类型 'ActivatedRoute' 上不存在
Property 'navigate' does not exist on type '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]
})
你必须添加:
constructor(private route:ActivatedRoute,private router:Router) { }
然后:
this.router.navigate(...
我正在尝试通过配置文件组件(前一个组件)导航到 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]
})
你必须添加:
constructor(private route:ActivatedRoute,private router:Router) { }
然后:
this.router.navigate(...