問題タブ [angular-component-router]

Angular 2 に飛び込む準備はまだできていませんが、新しいルーターとコンポーネントに取り組みたいと思っていました。

背景として、Angular と組み合わせてエンドポイントを使用する Google App Engine で Python インスタンスを使用しています。

AngularJS 1.5 のコンポーネント ルーターを使用して、認証されたユーザーの有無にかかわらず html を提供するにはどうすればよいですか? 私はこれを可能な限り最も「角度のある方法」で達成したいと考えています。現在のドキュメントは失われています。

ログインしていない場合、ユーザーが到達しようとしているコンポーネントに進む前に、ユーザーが適切にログインしていることを確認したい.ログインするように送信します。

私の考えは$routerOnActivate、ルートルーターでチェックインすることです。私にとっては、サブルートの問題を解決するものです。

ただし、何かをログに記録しようとすると、何も起こらないようです。例：

this.$routerOnActivaterouteConfigで指定されたコンポーネントのいずれかに配置すると、同じコードが機能します。ただし、明らかに、すべてのコンポーネントで同じチェックを行うのではなく、グローバルに一度解決したいと考えています。

1.5のアプローチは何ですか？

AngularJS 1.5 と ES6、コンポーネント ベースの設計、および新しいコンポーネント ルーターを使用する初心者。

簡単な調査アプリケーションを考えてみましょう。どの調査にも、説明ページと質問のリストがあります。

エンド ユーザーが特定の調査にアクセスすると、指示ページが表示される必要があります。次に、複数のページにまたがるさまざまな質問をナビゲートする必要があります。最後の質問ページに到達したら、すべての回答を含む要約ページを表示する必要があります。

理想的には、次のルート マッピングが必要です。

• /surveys/:id: エイリアス/surveys/:id/instructions
• /surveys/:id/instructions: 調査の指示を表示します
• /surveys/:id/entry: エンド ユーザーが入力するアンケートを表示します
• /surveys/:id/summary: エンド ユーザーが入力したすべての調査回答の概要を表示します。

理想的には、SurveyComponent(マップされた/surveys/:id) は、ルートのアクティブ化 ( メソッド) で調査をロードし、取得した調査をテンプレート タグ$onRouterActivateを介してその子コンポーネントに公開します。<ng-outlet/>正しいサブルートにマップされた子コンポーネントは、この調査にバインドされ、適切な表示をレンダリングします。

<ng-outlet/>子コンポーネントにデータを送信するために使用できないように見えるため、これを達成できませんでした。

私のアプローチは正しいですか、何か不足していますか? それとも、ルート/サブルートメカニズムはこれには不適切ですか?

コンポーネントとコンポーネントルーターでAngular 1.5.xを使用しています。

私の Web アプリ (angular を使用していない) は、リンクを介して私の angular アプリにアクセスできます。

角度のあるアプリにたどり着くと、行き詰まります。履歴が「正常」であっても、ブラウザー (クロム) の戻るボタンが機能しません -> 戻るボタンを右クリックすると、角度のないアプリであることがわかりますアプリの URL が表示され、それをクリックするとリダイレクトされます。しかし、ボタンは最後の履歴エントリ、アプリで動かなくなったままです...

pushState / replaceState について話す多くのソリューションを見てきましたが、このコンポーネントルーターで動作させることはできません (ng-outlet ページ内ビューを使用できるため)。

より多くの説明:

• ウェブサイト : http://mywebsite.com
• 私のAngularアプリはここから始まります: http://mywebsite/app
• そして、Angular アプリにリダイレクトするリンクは次のとおりです: http://mywebsite/app/#/settings/user

アプリ ルートにはuseAsDefault設定へのルートがあり、設定にはuseAsDefaultユーザーへのルートがあります。

メインビューの変更を除いて、一部のルートの履歴を保存せず、Angular 以外のアプリに戻る方法を見つけたいと思います。

良い方法を見つけるのを手伝ってくれませんか?

ありがとうございました。

ナビゲート可能なツリー (左側) と隣接する詳細ペイン (右側) を持つ Angular 2 アプリケーションを構築しています。

ツリーのどのノードが選択されているかに応じて、同じ詳細領域に約 20 ～ 30 の異なるコンポーネントをレンダリングしたいと考えています。

多くのコンポーネントを同じものに送信するにRouterOutletは、アウトレットが定義されている同じ親コンポーネントにすべてのコンポーネントをロードする必要があるようです。そのようなモノリシックなトップレベルのコンポーネントを持ちたくないのです。

それが明確でない場合は、この残りの部分で私のシナリオをより詳細に説明し、最後に同じ質問をもう一度述べます。

ツリーでは、一度に 1 つのノードしか選択できません。ノードが選択されると、他のすべての非親ノードが閉じられ、選択されたノードの子のリストがネットワーク経由でロードされ、選択されたノードの下に表示されます。選択したノードに関連する詳細情報もネットワーク経由でロードされ、以前にそこに表示されていた他の情報を置き換えて、右側の共有ペイン領域に表示されます。

異なるノードは異なるアプリケーション機能を表し、異なるエンティティ タイプを含みます。したがって、ツリーのさまざまなノードには次の両方が必要です。

• 子ツリーを展開するためのさまざまな子テンプレート/コンポーネント (一部のツリー ノードには連絡先の名前が列挙され、他には予定が含まれます)。
• 詳細ペインにロードされたさまざまなテンプレート/コンポーネント

次に例を示します。

• 予定
  • ジョー午前11時
  • スー 12am
• 人
  • ジョー・スミス
  • スー・リー(選択)
    • 3日前
    • 5日前

詳細パネルには、Sue Li に関する情報が表示されます。

現在、プライマリ ルートを使用してツリーを運用しています。CanActivateRoutable Component をレンダリングする前に、子ノードのデータが解決されるのを待つために呼び出します。次に、DOM を操作して、ノードがレンダリングされた直後にツリーに移植します。ツリーは単独で機能します。アプリケーションのメインの URL ナビゲーションがルート ツリーによって期待どおりに駆動される点が気に入っています。別の提案を歓迎しますが。

Aux ルートを使用して、正しい詳細ペイン テンプレートを表示しようとしています。関連するツリー ノードは、単純な Aux ルートを使用して正しい詳細ペインを「開始」する方法を理解しています。ただし、次の 2 つの問題があります。

1. Aux ルートは をサポートしていないため、Angular 2 でデコレータが利用可能にCanActivateなるまで、@Resolveデータが解決されるまで Aux コンポーネントのレンダリングを簡単に遅らせることはできません。これは、Angular リリースで修正されるため、優先度の低い問題です。

2. 詳細な Aux コンポーネントはすべて 1 つの親コンポーネントにロードする必要があるため、それぞれが同じ親 Aux を上書きできますRouterOutlet。このような大規模な最上位コンポーネントを必要としない、これを行う別の方法はありますか?

こんにちは、stackoverflowers の仲間です。新しいコンポーネント ルーター (ngComponentRouter) を使用して角度コンポーネントの遅延読み込みを実装することに成功することなく、しばらくの間試みてきました。これは、メイン コンポーネントの構成に使用したコードです。

私の最初の問題は、ローダー プロパティに挿入された ocLazyLoad で動作させることができなかったため、メイン コントローラーにロードし、ローダー プロパティで参照したことでした。その後、最終的にローダープロパティ内で動作するようになったとき、実際にコンポーネントをロードするように見えなかったので、このエラーが発生し続けました:

これで、ローダーで明らかに何か間違ったことをしていて、何らかの方法でコンポーネントを登録する必要があることがわかりました。しかし、ローダーのAngularに関するドキュメントが見つからず、新しいルーターでコンポーネントを遅延ロードする人は誰もいなかったので、これをどのように達成できるか本当にわかりませんでした。

これについての助けを本当に感謝しますが、一般的に、ドキュメントとサポートが不足しているAngularコンポーネントルーターを使用するのは時期尚早ではないかと考えています. ですから、他の経験豊富なAngularプログラマーから、この問題についての意見を聞きたいです。

編集:誰もがこの問題について何か洞察を持っていますか?..

Angular 1.5 を使用し、コンポーネント構造でアプリケーションを構築しています。Unknown Providerフックに挿入しようとするとエラーが発生$canActivateします (これは発生しないはずです) コードは次のとおりです。

Angular 1.5.3 を実行していますか? フックに注入しないと、すべて正常に実行されます。私は人々の考えを知りたいです:)

Angular2 RC-1 でルート変更時にスムーズなコンポーネント遷移アニメーションを実装する方法は?

angularコンポーネントルーターを使用しています（非推奨のものではありません）。

私はangular2とtypescriptにかなり慣れていません。Angular1.x の経験がある