IONIC - 3.7 Réalisation d'une to do list (3)

Cliquez içi pour plus de vidéos disponibles sur notre chaine youtube !

Bonjour, nous revoilà repartis sur notre page HTML dans notre « checkbox» ligne 22, on va insérer la méthode “ionChange” qui permet de savoir si la tâche a été saisie ou non « ionChange=« onCheck» on oublie pas les parenthèses avec ($event, i), comme ceci et en dessous au “h4”, on va saisir un “ngIf=”task.isChecked” voilà l’écriture, également pour le second, donc, si le champs n’a pas déjà été saisie pour premier avec un point d’exclamation pour le premier, donc là on copie on colle on met le point d’exclamation, donc on le laisse tel quel. A la ligne 27, notre icône, va prendre la méthode “(click)”, lorsqu'on clique sur l'icône de la corbeille, la tâche sera supprimée. Pour se faire on va créer la fonction sur la page “.TS” donc on va écrire “onCheck” event et i en paramètre, donc à l’intérieur on va mettre event et i en paramètre et « this.task» de i, “.isCheked” qui est égal à « event.detail.checked», donc ça c’est pour vérifier l’ensemble de nos tâches,parfait. Et pour finir, en dessous, on va mettre “deleteTask” de i, à l’intérieur on va mettre “this.tasks.splice” et en paramètre on va mettre de i et de 1 en paramètre et cela permettra de faire en sorte que la tâche soit supprimée. Et voilà, on va faire une petite démo, on met “faire à manger” en tache, comme ceci, on ajoute, et on peut cliquer sur la corbeille pour la supprimer. Et voilà, c’est terminer concernant le projet de la to-do list à réaliser avec Ionic ,bravo vous pouvez vous féliciter. Quant à nous, on se retrouve pour la prochaine vidéo, à bientôt.