IONIC - 3.7 Creation of a to do list (3)

Click here for more videos available on our youtube channel !

Hello, here we go again on our HTML page in our "checkbox" line 22, we will insert the "ionChange" method which allows you to know if the task has been entered or not "ionChange="onCheck" we do not forget the parentheses with ($event, i), like this and below at “h4”, we will enter a “ngIf=”task.isChecked” here is the writing, also for the second, therefore, if the field has not already been entered for first with an exclamation mark for the first, so there we copy we paste we put the exclamation mark, so we leave it as is. In line 27, our icon, will take the method “(click)”, when we click on the trash can icon, the task will be deleted. To do this we will create the function on the “.TS” page so we will write “onCheck” event and i as a parameter, so inside we will put event and i as a parameter and "this.task" of i, ".isCheked" which is equal to "event.detail.checked", so that's for checking all of our tasks, perfect. And finally, below, we will put “deleteTask” of i, inside we will put “this.tasks.splice” and as a parameter we will put i and 1 as a parameter and this will ensure that the task is deleted. And now, we're going to do a little demo, we put “cooking” in the spot, like this, we add, and we can click on the trash can to delete it. There you go, that's it for the to-do list project to be done with Ionic, congratulations you can congratulate yourself. As for us, see you for the next video, see you soon.