問題タブ [nested-views]

複数のビューを含む 1 つのページでネストされたビューをターゲットにするのに問題があります。これが私のコードです。

私の index.html

私の2つのセクションへのhtml

この時点で、viewA のすべてのサブビューの状態が正常に表示されます。複数のセクションを追加し、ui-sref リンクを使用してさまざまな状態を表示できます。しかし、「viewB」サブビューを取得できないため、表示されます。「root.sectionB1」を「root.sectionA1」の上に配置すると、2 番目のセクションのサブビューが正常に表示されます。各サブビューの親を参照する方法をより具体的にする必要があると思います。ここで何か足りないのですか？

次のビューのスキームをロードするSPAがあります。

メイン ページ > ビュー > サブビュー > サブサブビュー。

メイン ページには、メイン ナビゲーションを含むビューが読み込まれます。サブビューには、メイン ナビゲーションで選択したリンクに応じて、さまざまな項目のリストを含む状態が表示されます。

これらの項目は詳細を調べるためのリンクで、3 つのタブがあるサブサブビューに表示されます。サブビュー リストでリンクがクリックされたときに、詳細の最初のタブを自動的に読み込むソリューションについて考えようとしています。また、サブビュー リストのリンクは、データベース内のオブジェクトを取得するためのパラメーターを渡しています。

最初に、私がやろうとしていたのは、HTML に最初のタブを配置することでした。そのため、リンクをクリックすると表示されますが、適切ではなく、すべてを分離したら、より動的に行う必要があります。コントローラー。ここに私のルート設定があります:

利用可能なプランカーはこちら

角度のあるui-routerネストされたビューを使用して、マルチステップ フォーム (一種のウィザード) を実装していますが、フォームの検証に問題があります。フォームはすべてのネストされたビューで共有されますが、検証は送信ボタンが配置されているネストされたビューにのみ影響するようです。

ネストされたビュー:

ネストされたビューごとに 1 つの入力が必要です。

フォーム step1.html:

フォーム step2.html:

このネストされたビュー (ウィザードの最後のステップ) には、送信ボタンもあり、フォームが有効でない場合は無効になっています。

さて、このビューの入力に対する検証はうまく機能していますが、前のビュー (form-step1.html) の入力は考慮されていません。フォームはすべてのビューで同じなので、input required1も検証する必要があると思います。ただし、入力必須 1が空であっても、フォームは有効であると見なされます。

だから、私の質問は次のとおりです。ネストされたすべてのビューの入力を念頭に置いてフォームを検証するにはどうすればよいですか?

助けてくれてありがとう。

アプリでは、 view mainContentという名前を付けました。

このビューのルートは 1 つだけです。

home.html を名前付きビュー mainContent ビューにロードします。このビューには、ビュー appContent という名前も付けられています。

home.html

ネストされた名前付きビュー appContent のルートはこちらです。

http://.../#/home/request/createをロードしようとすると、RequestControllerが作成されず、ビュー createRequest.html もロードされません。

ビューから request.create 状態に移動するには:

感謝