Étape 9 : Créer le Front-end de votre application #3
Vous devez maintenant placer un "ListContainer" dans votre Content (trouvez-le dans la Palette). Dans ce ListContainer, cherchez le "ForEach" : cliquez dessus, puis dans la fenêtre de propriétés (en bas à gauche), trouvez la "Directive source", cliquez sur le petit bouton "SC", puis sur le [...] -> cela ouvrira une fenêtre. Dans cette fenêtre, cliquez sur la séquence, puis sur "array" pour lier le ListContainer aux données de l'array.
Ensuite, dans l'arborescence, ouvrez le ForEach -> ListItem -> Label -> item. text : cliquez dessus, et dans les propriétés choisissez la valeur Text, cliquez sur la Source "SC" et [...] à nouveau. Une fenêtre s'ouvre à nouveau, mais cette fois, vous devez cliquer sur le bouton supérieur (flèche bleue) "Show Iterators on current page Sources" (Afficher les itérateurs sur les sources de la page actuelle) pour choisir l'itérateur. Cliquez ensuite sur "ForEach" et sélectionnez "title" dans la fenêtre de droite.
Vous pouvez maintenant tester par vous-même : Écrivez "bacteria" dans la barre de recherche et soumettez-la : elle affichera toutes les données contenant le mot bactéries dans le titre.