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/inbox
und 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?