問題タブ [angular-router]

angular 4を使用しています。「ng serve」で実行すると、Angularアプリは正常に動作します。それは context-root を "/" として実行するときです。

私のアプリは Java webapp でコンパイルする必要があり、war ファイルの一部として servlet-container にデプロイされます。このアプリは、コンテキスト ルート 'cmcwebapp' で実行されます。

私のindex.htmlには要素があります

「頭」要素のすぐ下。angularアプリをコンパイルするときは、コマンドを使用します

これがコンパイルされたら、dist フォルダーの内容をコピーして Java webapp に貼り付け、war ファイルを作成します。

「 http://localhost:8080/cmcwebapp 」を使用してブラウザでこれを実行すると。すべての JavaScript、CSS、および画像が正常に読み込まれます。URL が「http://localhost:8080/cmcwebapp/cmcwebapp/」に変わり、「エラー: どのルートとも一致しません。URL セグメント: 'cmcwebapp'」というメッセージが表示されます。

これを app.module.ts のルート定義として持っています

これは私のapp.component.htmlです

どこが間違っているのかわかりません

Angular ルーターで奇妙なことに遭遇したのはこれが 2 回目です。現在、Angular v4.3.1 を使用しています。

オブジェクトの作成と編集に同じコンポーネントを使用しています。これが、このコンポーネントに 2 つのルートを定義したい理由です。1 つは ID 付きで、もう 1 つは ID なしです。

次のルートを作成しようとしました。

しかし、この場合、私の id パラメータは決して設定されません。

私はそれを取得しています：

現在、フェイルバックを使用しています：

しかし、最初のソリューションが機能しない理由を理解したいと思います。

ご協力いただきありがとうございます ！

angular2ルーティングを使用しています。ユーザーが検索フィールドに値を再入力して検索をクリックすると、同じコンポーネントを別のルート パラメータで再ロードする必要があります。

これは、ResultsComponent のルート パスです。

この関数は URL を変更しますが、コンポーネントを再初期化しません。

angularjs、ui-router では、このように実現できました。

angular4でこれを行うにはどうすればよいですか?

私は新しいAngular 2開発です。1 つのコンポーネントを追加しました。このコンポーネント内には、他の子コンポーネントがあります。次の方法で私のフォルダ構造：

でparentComponent.html追加しました<router-outlet></router-outlet>

child1 から child2、child2 から child3 へのナビゲーションがあります。また、その逆に戻ることもできます。戻って私が使用して this._location.back();います。

戻るボタンを使用して後方に移動すると、現在のルートに前のページ コンポーネントが表示されます。

例えば ​​：

戻るボタンを使用してchild2からchild1に移動すると。child1 ルートは、まだ child1 ページに子 html パーツを表示しています。

ルーティングには、次のように使用しています：

なぜそれが起こっているのかわかりません.助けてください!!

バージョン情報