Wie richte ich verschachtelte Ansichten in AngularJS ein?

Ich habe eine Bewerbung bei diversenBildschirme. Jedem Bildschirm ist eine URL zugewiesen, z#, mails, contacts, und so weiter.

In meiner Haupt-HTML-Datei habe ich eineng-view Element, das gemäß der vom Benutzer ausgewählten Route aktualisiert wird. So weit, ist es gut.

Jetzt haben einige dieser Bildschirme eine Unternavigation. Z.B.,#mails hat einen Posteingang und einen gesendeten Ordner. Sie präsentieren sich in zwei Spalten: Die Subnavigation links, die Mails des entsprechenden Ordners rechts.

Wenn Sie zu navigieren#mails, es soll dich weiterleiten zu#mails/inbox, so dass im GrundePosteingang ist die Standard-Unteransicht für Mails.

Wie könnte ich das einrichten?

Der einzige Ansatz, an den ich derzeit denken kann (AngularJS ist mir ziemlich neu, verzeihen Sie mir, wenn diese Frage ein wenig naiv ist), ist, zwei Ansichten zu haben, eine für#mails/inboxund der andere für#mails/sent.

Wenn Sie eine Route auswählen, werden diese Ansichten geladen. Wenn Sie auswählen#mails Es leitet Sie einfach weiter zu#mails/inbox.

Dies bedeutet aber, dass beide Sichten einng-include für die Unternavigation. Irgendwie fühlt sich das für mich falsch an.

Ich hätte gerne mehr verschachtelte Ansichten: Die obere Ansicht wechselt zwischen Bildschirmen wie E-Mails, Kontakten usw. und die untere Ansicht wechselt zwischen Unteransichten wie Posteingang, Versand usw..

Wie würde ich das lösen?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage