Angular 18.1 @let Variablen

„Template Locale Variables“ ist eines der am meisten gewünschten Features in der Angular Community. Ist? War. Mit Angular 18.1 werden die Rufe erhört.

Ab jetzt lassen sich Template-Ausdrücke im Template selbst einer Variablen zuordnen, um sie an mehreren Stellen zu verwenden. Erlaubt sind bei der Zuweisung alle gültigen Template Expressions.

@let cur =  currentTime | async;
<h2>Time: {{ cur | date:'dd.MM.yyyy HH:mm:ss'}}</h2>

@let currentSeconds = cur?.getSeconds()||0;
@if(!(currentSeconds % 10)){
 @let text = welcomeText();
 <p>{{text}}</p>
}

<!-- Fehler, kein "Variablen Hoisting", Variable nur in If-Block gültig -->
<!-- <p>{{text}}</p> -->