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}}