問題タブ [angular2-router]

ネットを検索して、ブラウザーの URL を変更する angular2 ルーターの例を取得しました。そこにあるすべての例は、異なるルートを変更してもブラウザの URL を変更しません。これを示すために、ES6 での小さな例を教えていただけますか?

angular 2 rc.1でtypescriptを使用してangular2アプリケーションを作成しています

angular 2ドキュメントはまだ更新されていないと思います。

https://angular.io/docs/ts/latest/api/router/ComponentInstruction-interface.html

https://angular.io/docs/ts/latest/api/router/CanActivate-decorator.html

ComponentInstruction インターフェイスと CanActivate デコレータは angular2-rc.1 では利用できなくなりました。代わりに何がありますか？

最新の角度バージョンにアップグレードする必要がある次のクラスがあります。

新しい @angular/router パッケージに CanDeactivate と OnActivate が追加されました。それは私を少し混乱させます。

https://angular.io/docs/js/latest/api/router/CanDeactivate-interface.html も更新されていないと思い ます: The routerCanDeactivate hook is called with two ComponentInstructions as parameters、 ComponentInstruction はもう定義されていません。

angular/@router-deprecatedパッケージは使いたくない。これを直したい！お願いします！:)

この問題に関する情報をいただければ幸いです。

Router をロードしているコンポーネントが router-outlet app.component.ts の外でレンダリングされている

default.component.ts

コンソールにエラーはありません。要素を調べていると、router-outlet が空で、コンポーネントがその後レンダリングされていることがわかります。

コンポーネントの初期化中に router.navigate() を使用してクエリ パラメータを設定する正しい方法は何ですか (コンポーネントのリロードをトリガーしません)? いくつかのバリエーションを試しましたが、すべて失敗します。@Routes を持つ app-component、@Routes を持つ親コンポーネント、および子コンポーネントがあります。アプリ ルートは「/:evt」->ParentComponent、親ルートは「/child」->ChildComponent です。子コンポーネントには

• オプション 1 と 2 では、コンポーネントの読み込みが失敗するか、少なくとも悪い状態になります。しかし、ログにエラーはありません。

• オプション 3 は、完全なルートをリロードし、ページの先頭にジャンプします。なので使えませんが、使えそうです。

• オプション 4 は、コンポーネントのリロードをトリガーします。したがって、アクティブ化、初期化、アクティブ化、初期化、および最終的な URL の 2x router.changes、/:evt/child の初期ルートのルート変更イベントなし、/:evt/child;x=1; のみを取得します。二回。_recognize からの子コンポーネントの欠落しているルートに関する例外が続きます。

また、子コンストラクター中に router.navigate() を呼び出してみましたが、それにより、Chrome がクラッシュする無限のコンポーネント リロード ループがトリガーされました :)。

Angular 1 では、コンポーネントの初期化中に $location.search(query) を呼び出すだけで、コンポーネントのリロードなしでクエリ パラメータを更新できました。Angular 2 RC 1 (再起動/リセット/やり直し候補;) では、同等の呼び出しが見つかりません。

まだいくつかの質問があり、実際には新しい angular2 ルーターに関する情報があります。

まず、新しい @Routes には「名前」がないため、常に相対 URL パスが存在する必要があり、それで問題ありません。

しかし、どのルートがアクティブ化されているかを確認するにはどうすればよいですか?? 非推奨のルーターでこれを行いました：

もう1つは、ユーザーがルートに移動する権限を持っているかどうかを確認する最良の方法です。そのためのベストプラクティスは何ですか、今まで私はそのようなことをしました:

誰かが新しいangular2ルーターでこれをすべて行う例を教えてもらえますか?

どうも

http://localhost:4200/に、ナビゲーションバー、サイドバー、およびコンテンツ領域を持つ angular2 アプリがあります。

ナビゲーション バー/サイドバーの項目がクリックされたときに、フロントエンド マイクロサービス アプローチのような、セットアップする他の angular2 アプリからコンテンツ領域がコンテンツを取得するようにします。

これまでのところ、それらをロードできる唯一の方法は iframe です。

iFrame なしで他の angular2 アプリをメイン アプリにロードする別の方法はありますか? これらの ui アプリがメイン コンポーネントだけをエクスポートし、それをインポートしてメイン アプリで使用することは可能ですか?

それは私のhtmlファイルです：

このターミナル ルートは、親コンポーネントのルート構成で既に定義されています。

私のソフトウェアを維持するために、一種の定数文字列を宣言し、Routes と routerLink から再利用したいと思います。

どうやってやるの ？