So erstellen Sie automatisierte dynamische Brotkrumen mit AngularJS + Angular UI Router

Eine Schlüsselkomponente für Webanwendungen ist Breadcrumbs / Navigation. Bei Angular UI Router ist es sinnvoll, die Breadcrumb-Metadaten nicht in Ihren Controllern, sondern in den einzelnen Status zu platzieren. Das manuelle Erstellen des Breadcrumbs-Objekts für jeden Controller, für den es benötigt wird, ist eine einfache, aber auch eine sehr unübersichtliche Aufgabe.

Ich habe einige Lösungen für automatisierte Brotkrumen mit Angular gesehen, aber um ehrlich zu sein, sind sie eher primitiv. Einige Zustände, wie Dialogfelder oder Seitenbereiche, sollten die Breadcrumbs nicht aktualisieren, aber mit den aktuellen Addons für Angular gibt es keine Möglichkeit, dies auszudrücken.

Ein weiteres Problem ist, dass die Titel der Semmelbrösel nicht statisch sind. Wenn Sie beispielsweise zu einer Seite mit Benutzerdetails wechseln, sollte der Breadcrumb-Titel wahrscheinlich der vollständige Name des Benutzers und nicht ein generisches "Benutzerdetail" sein.

Das letzte Problem, das gelöst werden muss, ist die Verwendung aller korrekten Statusparameterwerte für übergeordnete Links. Wenn Sie beispielsweise eine Benutzerdetailseite eines Unternehmens anzeigen, möchten Sie natürlich wissen, dass der übergeordnete Status a erfordert:companyId.

Gibt es Addons für Angle, die diese Unterstützung für Semmelbrösel bieten? Wenn nicht, wie geht man am besten vor? Ich möchte meine Controller nicht überladen - ich werde viele davon haben - und ich möchte sie so automatisiert und schmerzfrei wie möglich gestalten.

Vielen Dank!

Antworten auf die Frage(6)

Ihre Antwort auf die Frage