我正试图通过配置文件组件(前一个组件)导航到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(...
