[解決済み】Angular 2のオプションルートパラメーター
2022-04-04 18:20:39
質問
Angular 2のルートでオプションのルートパラメータを持つことは可能でしょうか?RouteConfigでAngular1.xの構文で試してみましたが、以下のエラーが出ました。
"ORIGINAL EXCEPTION: パス "/user/:id?" に "?" が含まれていますが、これはルート設定で許可されていません。
@RouteConfig([
{
path: '/user/:id?',
component: User,
as: 'User'
}])
解決方法は?
パラメータの有無にかかわらず、複数のルートを定義することができます。
@RouteConfig([
{ path: '/user/:id', component: User, name: 'User' },
{ path: '/user', component: User, name: 'Usernew' }
])
を作成し、コンポーネント内でオプションのパラメータを処理します。
constructor(params: RouteParams) {
var paramId = params.get("id");
if (paramId) {
...
}
}
関連するgithubの課題もご覧ください。 https://github.com/angular/angular/issues/3525
関連
-
[解決済み】TypeError:res.jsonは関数ではありません。
-
[解決済み】アンギュラーコンポーネントにサービスを注入しようとするとエラー "EXCEPTION: Can't resolve all parameters for component"、なぜ?
-
[解決済み] ngModel' は 'input' の既知のプロパティではないため、バインドできません。
-
[解決済み] モバイルブラウザの検出
-
[解決済み] angular-routeとangular-ui-routerの違いは何ですか?
-
[解決済み] Reactコンポーネント外でのクリックを検出する
-
[解決済み] AngularJS で $http.get リクエストにデータを渡す
-
[解決済み] Angularのルーティングされたコンポーネントにデータを渡すにはどうしたらいいですか?
-
[解決済み】JavaScriptの関数にデフォルトのパラメータ値を設定する
-
[解決済み】オプションのパスパラメータを持つReact Router
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"
-
[解決済み】React Js: Uncaught (in promise) SyntaxError: 位置 0 の JSON で予期しないトークン < が発生しました。
-
[解決済み】TypeError: 'undefined'はオブジェクトではありません。
-
[解決済み] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングした
-
[解決済み】最大呼び出しスタックサイズ超過エラーとその修正方法とは?
-
[解決済み】JavaScript "Uncaught TypeError: object is not a function" 連想性の質問
-
[解決済み】エラー:リスン EACCES 0.0.0.0:80 OSx Node.js
-
[解決済み】React-Routerの子が1つしかない。
-
[解決済み] Angularのルーティングされたコンポーネントにデータを渡すにはどうしたらいいですか?
-
[解決済み】Angularでルーティングパスを通してデータを送信する