Ich habe den Status für meine Shop-Anwendung, aber ich bin mir nicht sicher, ich mache es richtig. Da ich mehr als einen optionalen Parameter in URL habe, bin ich nicht sicher, wie ich es implementieren soll.Angular Ui Router optional URL Params
.state('app.products', {
abstract: true,
views: {
'[email protected]': {
templateUrl: 'app/products/views/product.html'
},
'[email protected]': {
templateUrl: 'app/products/views/product-header.html'
}
}
})
Oben ist meine abstrakte Ansicht für Produktseite. Die Produkte werden in Mann/Frauen getrennt werden und auch Unterkategorien wie:
www.example.com/man/
www.example.com/man/footwear/
www.example.com/man/footwear/shoes
Man
, footwear
und shoes
sind optional, da man
param woman
sein kann, kann footwear
sein cloth
(wo zuletzt param shirts
zB würde) und alle mögliche Kombinationen der oben genannten.
Ich bin mir nicht sicher, ob ich jeden Staat separat machen muss oder ich kann all dies mit einem weiteren Staat außer diesem umgehen?
Nur zu beachten, product header
ist hier nicht relevant und wenn es für eine gute Struktur erforderlich ist, um es zu entfernen, kann ich sicherlich das tun.
Ich kann einfach nichts ähnliches online finden, so wäre Link auch hilfreich, wenn jemand irgendwelche hat.
Danke, großer Vorschlag, obwohl ich so viele Staaten vermeiden wollte, scheint es jetzt viel besser. Ich habe den Status von app.products als abstrakte und definierte URL hinzugefügt: '? {Page, brands}, da alle Kinder (eines, das du oben geschrieben hast) diese optionalen Parameter haben werden. Ist dies der richtige Weg, um optionale Abfrageparameter für den abstrakten Zustand zu definieren? Natürlich habe ich Params hinzugefügt: {page: {value: '1', squash: true}, Marken: {value: null, squash: true}}. – zhuber