각도 4의 매개 변수가있는 경로

Question

모두

새 보조 사이트를 개발했습니다. 내가 AppModule이 모듈 참조

import { NgModule } from '@angular/core'; 
    import { RouterModule, Routes } from '@angular/router'; 

    import { AppComponent } from './app.component'; 
    import { ConfigurationsComponent } from './configurations/configurations.component'; 
    import { CreateConfigurationComponent } from './create-configuration/create-configuration.component'; 
    import { PageNotFoundComponent } from './pageNotFound/pageNotFound.component'; 


    const routes: Routes = [ 
     { path: ':ownerId', redirectTo: 'new-configuration/:ownerId', pathMatch: 'full' }, 
     { path: 'configurations/:ownerId', component: ConfigurationsComponent },  
     { path: 'new-configuration/:ownerId', component: CreateConfigurationComponent }, 
     { path: '**', component: PageNotFoundComponent } 
    ]; 

    @NgModule({ 
     imports: [RouterModule.forRoot(routes)], 
     exports: [RouterModule] 
    }) 
    export class AppRoutingModule { } 

:

@NgModule({ 
     imports: [BrowserModule, FormsModule, HttpModule, AppRoutingModule, PaginationModule.forRoot(), ModalModule.forRoot()], 
     declarations: [AppComponent, ConfigurationsComponent, CreateConfigurationComponent, PageNotFoundComponent], 
     bootstrap: [AppComponent], 
     providers: [ConfigurationsService, CreateConfigurationService, ImageMapper] 
    }) 
    export class AppModule { } 

을하지만 난 내 응용 프로그램을 실행보다 내가 AppRoutingModule했다 http://auxiliary-site?ownerId=some-guid

: 사용자가 같은 참조를 사용하여 주요 사이트에서이 사이트를 참조 할 것 http://localhost:3000?ownerId=some-guid 또는 http://localhost:3000/new-configuration?ownerId=some-guid으로 가십시오 : 404 페이지를 찾을 수 없습니다.

이 오류를 해결하려면 어떻게해야합니까?

Answer 1

URL을 'http://localhost:3000/new-configuration/some-guid'으로 부릅니다. URL에서 쿼리 문자열 매개 변수로 사용하려면 경로 구성에서 ': ownerId'부분을 제거 할 수 있습니다. 정의 된 경로 당으로

https://angular.io/guide/router#configuration

Answer 2

, URL 쓰기의 방법은이 경우 쿼리 매개 변수를 추가 할 필요없이이

http://localhost:3000/some-guid 
http://localhost:3000/new-configuration/some-guid 

처럼 될 것입니다.