問題タブ [angular2-router3]

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.

0 投票する
2 に答える
186 参照

angular - Angular2 ルーターで複数の必須パラメータがサポートされていますか?

お気に入り:

[routerLink]="['/profiles', {category: 'president', profileSlug: 'obama', page: 1}]"マトリックスクエリ形式で予期しない結果を返すURL を生成できないため

Router3 では、URL 全体を自分でハード化する必要がありますか? true の場合、Angular のルーターは本当に...

0 投票する
2 に答える
159 参照

angular - Angular2 RC5 ルーター 3.0.0 -共有ライブラリのコンポーネントにhref がありません

共有モジュールからコンポーネントに生成されたルーティング リンクに問題があります。

これがプランカーです。

ナビゲーション メニューには 3 つのリンクがあります。「情報」をクリックすると、ページが正しく表示され、 Healthへのリンクがあるはずです。ただし、Angular はテンプレートを解析せず、<a>属性が追加されていないタグが存在しますhref

同じhtmlコード

メニュー (正しく動作する場所) とLandingComponentテンプレートの両方で使用されます。

両方のリンクを機能させるには、何をどこにインポートすればよいですか?

0 投票する
1 に答える
244 参照

angular - Angular2 Router 3.0 - マルチ機能 (マルチセクション) ルーティングの設定

私は2つの主要なセクション、パブリックセクションとコントロールパネルを持つWebサイトを作成している
ので、次のようなものを作成しようとしています(angular.ioから):

ここに画像の説明を入力

ここに私のコードがあります:(それは働いています)

アプリ/main.ts:

app/app.module.ts: (ここですべてのセクションのすべてのコンポーネントを宣言しています..)

app/app.routing.ts:

app/primary/components/primary.routes.ts: (administration.routes.ts についても同じ)

(このすべてのコードであなたを退屈させて申し訳ありません)

次に、次の3つrouter-outletがあります。

  • app.component.ts
  • プライマリ/コンポーネント/primary.component.ts
  • 管理/コンポーネント/管理.コンポーネント.ts

これで実際には問題なく動作しますが、この方法ですべてのウェブサイトを一度にロードすると思うので、実装方法が間違っているか、何かが欠けている
と思います。 app.module.ts でユニバースを宣言する代わりに、各セクションのコンポーネントをそのモジュールで宣言します。または、セクションごとに他の2つのmain.tsファイルがあるかもしれませんが、それを行う方法がわかりませんでした.angular.ioのドキュメントも役立ちますが、これに関連するものを見つけることができませんでした

私が間違っているかどうかを誰かが確実に教えてくれ、正しい方法でリソースを提供してくれることを願っています. ありがとうございました。

0 投票する
0 に答える
379 参照

angular - サブルートに影響を与えずにルート パラメータを変更する

/aいくつかのパラメータ ( など/a;foo=1;bar=2/) と 2 つのサブルートを持つルートがあります:/a/xa/y.

ルートを担当するコンポーネントは、パラメーターを使用しaてフィドルを処理し、ユーザーの入力に応じてパラメーターfooを変更します。bar上記のように、ルートのパラメーターも更新します。

サブルートを変更せずに(または手動でそれらを読み取って再適用する必要なしに) ルート パラメーターを更新できますか?

サブルート(xまたはy)がわかっている場合、これはコードをナビゲートする方法です。

次のような方法を希望します。

配列の最後の要素 ( x/ ) を完全に省略した場合、それがデフォルト ルートであるため、y常にリダイレクトされます。x

バージョン:コア 2.0.0-rc.5およびルーター 3.0.0-rc.1

0 投票する
1 に答える
241 参照

angular2-router3 - angular2 ルーター rc2 で廃止された router.changes.subscribe

router.changes.subscribe廃止されたようです。

これの代わりに何が使えますか?

ルーターの変更ごとに何かしたいので、ルーターとしてできることを教えてください。

0 投票する
1 に答える
968 参照

angular - Router を挿入する前に、少なくとも 1 つのコンポーネントをブートストラップします

Angular 2 の最終リリースで認証サービスを実装しようとしています。ログイン コンポーネントと管理コンポーネントの 2 つのコンポーネントしかありませんでした。管理コンポーネントを保護していますが、管理コンポーネントよりも先にロードするコンポーネントについて選択肢がないため、次のエラーが発生します。 、この問題のワークアウトはありますか??

zone.js:346 エラー: キャッチされていません (約束されています): エラー: Router を注入する前に、少なくとも 1 つのコンポーネントをブートストラップします。(…)

0 投票する
2 に答える
4399 参照

angular - ネストされたモジュールを使用したルーティングは、Angular 2 でどのように機能するはずですか?

Cookie が大好きなので、Angular 2 ルーターの最新の化身 (最終リリースのもの) を構成する方法を理解することはできません。かなり大きな Angular 2 RC5 アプリを稼働させていますが、先に進む前に今すぐ最終リリースに移行する必要があります。

このアプリには、Google のドキュメントによると、モジュール内の機能として編成する必要がある、ネストされたコンポーネントが多数あります。私のアプリの典型的なURLは次のようになります

しかし、他にもいくつかあります。

したがって、この場合settingsは機能モジュールになります。

私はドキュメントを読みましたが、かなり長文で急いで本題に入るつもりはありませんでしたが、このケースがまったくカバーされていないことがわかりました。このシナリオが機能しないとは信じられません。大きな見落としのように思われるので、問題は、このルーターが実際にどのように機能するかを完全に把握していないことだと思います。 mだけではありません。

私は自分の要点を説明するためにこのプランカーを作成しました。

このプランカーでは、2 レベルの入れ子を取得しました

問題が発生するのに十分です。期待される結果は、私がナビゲートできることです

つまり、ルーターは実際にそのルートを見つけますが、現時点では見つけられません。

コードを plunker に移動して追加する前にdashboard.component(plunker では URL を簡単に変更できないため、に頼る必要があるためrouterLink)、実際にナビゲートすることができました

これは不可能です。別のモジュールで定義された各ルートは、お互いの上に構築するのではなく、ルートに追加されているようです。

これに関するヘルプは大歓迎です。