2. 2
Motivation
SPAs bestehen aus einer Seite
Innerhalb dieser werden Bereiche ein- und
ausgeblendet --> "Logische Seiten"
Routen verweisen auf diese Seiten
Route ist Teil der Url
Bookmarks
Back-Button
Router unterstützen hierbei
Page 4
Routing unter AngularJS
Page 10
Logo + Menü
Menü2
Fußzeile
SPA
Platzhalter
3. 3
Routing unter AngularJS
Page 11
Logo + Menü
Menü2
Fußzeile
SPA Passagier-
Komponente
/FlugDemo#flugbuchen/passagier
Hierarchische Views
Page 12
Logo + Menü
Menü2
Fußzeile
SPA
Platzhalter 1
5. 5
Hierarchische Views
Page 15
Logo + Menü
Menü2
Fußzeile
SPA
/FlugDemo#flugbuchen/passagier
Optionen
Passagier-
Komponente
FlugBuchen-Komponente
Routen via Hash-Fragment
/FlugDemo#flugbuchen/passagier
Hash-Fragment wird nie zum Server gesendet
Page 16
6. 6
Routen via History API
/FlugDemo/flugbuchen/passagier
Initialer Aufruf:
Gesamte Url wird zum Server gesendet
Server antwortet mit SPA
Server kann erste Ansicht "vorrendern"
Performance, SEO, …
SPA informiert Browser über Grenze zwischen
physischer und logischer Url
Page 17
Parameter
/FlugDemo/flugbuchen/passagier/7
/FlugDemo#flugbuchen/passagier/7
Page 18