GEDOPLAN
Webprogrammierung

Angular 16/17: new control flow

Webprogrammierung
ng1516titel

Diese Reihe wirft einen kurzen Blick auf einige Highlights der Angular Versionen 16 und 17. Heute: control flow.

Ein fantastisches neues Feature, welches in Angular 17 Einzug hält, ist die neue Block-Syntax, die in unseren Templates den Einsatz von Bedingungen und Schleifen stark vereinfacht. Hier setzt Angular auf eine ganz neue Syntax. Wo zuvor strukturelle Direktiven genutzt werden mussten (*ngIf, *ngFor…) erlaubt die neue Syntax nun eine wesentlich smartere Schreibweise

*ngIf

@if(show){
  I got shown
} @else{
 <div>me not</div>
}

*ngFor

<ul>
@for(u of users;track u.id){
  <li>{{u.name}}</li>
} @empty{
 <li>no entry</li>
}
</ul>

Besonderheiten:

  • “track” (analog trackBy der alten Direktiven) ist nun verpflichtend und dient zur Performanceoptimierung
  • @empty kann optional dazu verwendet werden, wenn keine Elemente vorhanden sind

*ngSwitch

@switch(userCount){
  @case (0) { no one }
  @case (1) { only one}
  @case (2) { two are okay}
  @default {more than we need}
}

Alles live in Farbe, bei GitHub

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Bitte füllen Sie dieses Feld aus.
Bitte füllen Sie dieses Feld aus.
Bitte gib eine gültige E-Mail-Adresse ein.
Sie müssen den Bedingungen zustimmen, um fortzufahren.

Autor

Diesen Artikel teilen

LinkedIn
Xing

Gibt es noch Fragen?

Fragen beantworten wir sehr gerne! Schreibe uns einfach per Kontaktformular.

Kurse

weitere Blogbeiträge

IT-Training - GEDOPLAN
Java SE

Checkstyle kann nun auch Java 7!

Mein Flehen wurde erhört: Die Version 5.5 ist verfügbar. Sie kennt auch die neuen Syntaxelemente von Java 7. Dazu passend…

Work Life Balance. Jobs bei Gedoplan

We are looking for you!

Lust bei GEDOPLAN mitzuarbeiten? Wir suchen immer Verstärkung – egal ob Entwickler, Dozent, Trainerberater oder für unser IT-Marketing! Schau doch einfach mal auf unsere Jobseiten! Wir freuen uns auf Dich!

Work Life Balance. Jobs bei Gedoplan

We are looking for you!

Lust bei GEDOPLAN mitzuarbeiten? Wir suchen immer Verstärkung – egal ob Entwickler, Dozent, Trainerberater oder für unser IT-Marketing! Schau doch einfach mal auf unsere Jobseiten! Wir freuen uns auf Dich!