javascript / intermediate
Snippet
Integrierter Kontrollfluss
Der moderne Kontrollfluss von Angular bietet eine sauberere und leistungsfähigere Alternative zu *ngIf. Er ist direkt in den Template-Compiler integriert, was die Notwendigkeit von Importen für strukturelle Direktiven reduziert und eine bessere Typprüfung ermöglicht.
snippet.js
1
2
3
4
5
6
7
@if (status === 'loading') {<p>Loading...</p>} @else if (status === 'error') {<p>An error occurred.</p>} @else {<data-view />}
angular
Erklärung
1
@if (status === 'loading') {
Initiiert einen bedingten Block, der nur gerendert wird, wenn der Status 'loading' ist.
2
} @else if (status === 'error') {
Behandelt zusätzliche Bedingungen, ohne mehrere Template-Tags zu verschachteln.