Spielwiese für verschiedene Beispiele zur Datenbindung
Datenbinding mit Template reference variables
0201 7490700
Inhalt span: {{phone1.innerText}}
Inhalt input: {{phone2.value}}
Datenbinding mit an Attribut-Direktive
Highlight me!
Green
Yellow
Cyan
Sync vs Async Pipe
Current Total (Sync Pipe): {{timerSync }}
Current Total (Async Pipe): {{timerAsync | async }}
Array vs Obserable
Zahlen Array:
{{z}},
Zahlen Obserable:
{{z}},
Flug Array:
{{f.FlugNr}},
Flug Observable:
{{f.FlugNr}},
Flug Array2:
{{f.FlugNr}},
Flug Observable2:
{{f.FlugNr}},
Flug Observable2b:
{{f.FlugNr}},
Einzelobjekte
Flug Einzelobjekt: {{ flug?.FlugNr }} von {{ flug?.Abflugort}}: {{flug?.FreiePlaetze}}
NEIN: Flug Einzelobjekt Observable: {{ flugO?.FlugNr }} von {{ flugO?.Abflugort}}: {{flugO?.FreiePlaetze}}
NEIN: Flug Array: {{ fluege?.FlugNr }} von {{ fluege?.Abflugort}}: {{fluege?.FreiePlaetze}}
Objektmenge
Fluege Array: {{ f.FlugNr }} {{ f.Abflugort}} {{f.FreiePlaetze}}
Flug Observable: {{ f.FlugNr }} {{ f.Abflugort}} {{f.FreiePlaetze}}
Objektmenge
{{status}}
-
{{i+1}}: {{f.FlugNr }} {{f.Datum | date:"EEE dd.MM.yy" | uppercase }} {{f.Abflugort}} -> {{f.Zielort}}
: {{f.FreiePlaetze | fixedLenNumber:3}} freie Plätze!