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/>
子コンポーネントにデータを送信するために使用できないように見えるため、これを達成できませんでした。
私のアプローチは正しいですか、何か不足していますか? それとも、ルート/サブルートメカニズムはこれには不適切ですか?