2017-05-16 4 views
1

角度2アプリにルーティングを追加して、URLからクエリパラメータを読み取るようにしました。 URLはwww.myapp.com/projectName/myPage.html?query1=firstNameのようになります。私のルーティングコードでは、私は:角度2ルーティングでURLパスが削除される

import { ModuleWithProviders } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 
import { routingComponent } from './app.adminPage'; 

// Route Configuration 
export const routes: Routes = [ 
    { path: 'myPage.html', component: routingComponent} 
]; 


export const routing: ModuleWithProviders = RouterModule.forRoot(routes); 

私の例は非常に単純です、私はルーティングを使用しているので、ページからクエリパラメータを読み込んでいます。しかし、私がwww.myapp.com/projectName/myPage.html?query1=firstNameに達し、コンポーネントをルーティングしてサービスを提供すると、URLはwww.myapp.com/projectName/に変わります。つまり、ユーザーが更新すると、リンク先ページに戻ってきます。私はこれをしない準備ができているクエリのパラメータへのルーティングを使用する別のページを持っているので、なぜこのページがそれを行うのか不思議です。これをやめる方法はありますか?今、パス で

+0

www.myapp.com/projectName/myPage.htmlを使用してコンポーネントを呼び出しますwww.myapp.com/projectName/myPage.html?query1=firstNameに移動した場合、ルーティングでクエリパラメータを設定していないので、ルーティングコンポーネントはprojectNameにリダイレクトされます –

答えて

1
export const routes: Routes = [ { path: 'myPage/:query1', component: routingComponent} ]; 

設定パラメータは、それがにナビゲートしますURL www.myapp.com/projectName/myPage/firstname

関連する問題