2017-06-30 3 views
1

私は、localhost:4200 /チャットのチャットページのような簡単なURL構造を持つアプリ4を開発しましたが、localhost:4200/app/chatのようなurlに 'app' 。角度4のURLを使ってアプリを追加

一部のページのみのURLを変更したいのですが、アプリ全体では変更しません。

私はアプリのルーティングファイルとメニューアイテムのtsファイルで試しましたが、動作していないので代わりに動作を停止します。

あなたapp.module.tsでこの

+0

すべてのルートに追加したいのかどうか分かりませんが、望むなら、インデックスファイルのベースhrefを変更できます: ''、これは 'app'を追加しますすべてのルートで – Alex

+1

はい、すべてのルートに追加するのは簡単な作業ですが、いくつかのページ(コンポーネント)を変更したいのですが、私はすでにアプリケーションをビルドしていて、URLを変更するためにコンポーネントディレクトリ構造を変更する場合は、プロセスが原因でアプリがクラッシュする可能性があります。それを変更するための回避策があるはずですが、私は信じていますが、それをまだ見つけられませんでした。 –

答えて

1

は、あなたの輸入はRouterModule.forRoot(ルート)を一覧表示を確認して行うにはどのような方法があり、その後、routes.ts

export const routes: Routes = [ 
{ 
    path: '/app', 
    component: 'AppComponent' 
}, 
{ 
    path: '', 
    redirectTo: '/app', 
    pathMatch: 'full' 
} 
]; 

Angular Routerドキュメントを読みます詳細については。

+0

回答ありがとうございました。私は既にこれを共通ページにリダイレクトしていますが、チャットのような既存のコンポーネントのURLを変更したいのですが、現在はlocalhost:4200/chatです。localhost:4200に変更したい/ app/chatと私が変更したい他のURLがあります。 –

+0

多分私は誤解しています。私はかなり新しいプログラマですが、ルーターファイルに必要なパスを変更して追加しないでください。何をしようとしているかを示すサンプルコードを投稿できますか? – ksimonson10

関連する問題