2017-10-25 10 views
1

프로필 구성 요소 (이전 구성 요소)를 통해 listProfiles 구성 요소를 탐색하려고합니다. 나는 ActivatedRoute을 사용하고 listProfile 구성 요소로 이동해야하는 구성 요소에 this.router.navigate(['/listProfiles])'navigate'속성이 'ActivatedRoute'유형에 없습니다.

코드를 통해로 이동

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] 
}) 
+0

오류가 정확하면'ActivatedRoute' 대신 'Router'를 사용해야합니다. – Alex

+0

예, 그게 전부입니다! 간단한 실수로 죄송합니다. – Fig

+0

우리 모두에게 발생합니다.) – Alex

답변

3

당신에게 추가 할 내용 :

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

다음 :

this.router.navigate(... 
+0

오, 간단한 실수, 몇 분 안에 대답으로 설정됩니다. – Fig

+0

대답이 정확하면 왜 제출하지 않습니까 ??? – Nawrez

+1

게시물이 15 분 동안 올라 있지 않으면 나는 그것을 할 수 없기 때문에. 내가 말했듯이, 나는 잠시 후 대답으로 제출할 것입니다 – Fig