Avant et Après dans les Boucles

Les sections optionnelles {$ before $} et {$ after $} d'une boucle forEach sont utilisées pour fournir du texte qui apparaît, hum, avant et après les autres items. Cela peut sembler non indispensable, après tout, vous pouvez toujours placer du texte avant et après la boucle entière forEach n'est-ce pas ?

Bien, before et after ont un avantage : le texte apparaîtra seulement si la boucle a au moins une valeur. Ce peut être très utile pour toutes les fois où vous voulez éviter d'introduire une liste qui n'a pas d'éléments (Texte alterné pour Boucles Vides par exemple). Aussi utile pour créer une syntaxe HTML correcte de telle manière par exemple que vous ne créiez jamais un tableau <table> sans lignes <tr> ou une liste <ul> sans items <li>.

Voilà un exemple avec une liste à puces :

{$ forEach x in (all) $}
    <li>{$ x.headline $}</li>
{$ before $}
    <ul>
{$ after $}
    </ul>
{$ next $}

En utilisant avant et après de cette façon, la balise d'ouverture <ul> et la balise de fermeture </ul> n'apparaîtront pas sauf si un item est dans la liste. En combinant avant et après avec la section else, vous pouvez créer une apparence complètement différente là où il n'y a pas d'items qui remplissent la condition dans la clause forEach.