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