問題タブ [angular-route-segment]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular 12 ルーティングは、URL に「%2F」、「%3F」などの UTF-8 文字を表示し、どのルートにも一致しないことを示します。URL セグメント エラー
ログイン後にホームページを表示する必要がある Angular アプリがあります。アプリが正しくログインすると、URL バーに表示される URL に「!」、「%2F」、「%3F」などのUTF-8 文字が含まれ、リロード時にエラーが表示されるError: Cannot match any routes. URL Segment: '!'
app-routing.module.ts
ルートへのナビゲートには、次の関数が使用されます
ナビゲーション方法
これで、アプリケーションがログイン後に新しいルートに移動すると、ブラウザの URL バーに次のような URL が表示されます
http://localhost:4200/#!#%2Fhome%3Fguid=c217-21f6-189f-8b69-a1a6&screenId=3b3f2275-0ad4-48d6-bd76-8270cb9b9807
ブラウザで上記の URL を使用して、ページをリロードしようとすると、次のエラーが表示され、ログイン ページにリダイレクトされます
エラー: どのルートとも一致しません。URL セグメント: '!'
Angular Version used: 12.2.9
これはAngular 12の問題でしょうか、それともここで本当に間違ったことをしていますか?
angular - 角度で個々のコンポーネントのように子コンポーネントを表示する
親コンポーネントの外側に子コンポーネントを表示しようとしています (ただし、ブレッドクラムに子を使用するにはルーターが必要です)。ルートの定義は次のとおりです。
HelpChoose と knowModel を carComponent のように表示したい。
私はこれを試しましたが、うまくいきませんでした。これを試してみましたが、うまくいきません。
これがルートです: http://localhost:4200/home/car/HelpChoose
しかし、コンソールに次のエラーが表示されます。