Angular 12 tutorial #25 Todo list in angular

best best best

I want to add edit button also how to do that

Sir I need help in this

Sir...do you have any video which perform crud operation using json file?

You can use the actual index of array instead of passing the id to remove array element, and then using splice method to remove the selected task from array list,


<ul *ngFor="let item of tasks;index as i">
<li>{{item.value}} <button type="button"
(click)="removeTask(i)">Remove Task</button></li>
</ul>

removeTask(selIndex:number){
this.tasks.splice(selIndex,1)
}

List is not displayed on browser..?? Error in .ts file i.e, name is not defined

🙏👏

how to make the input field empty after adding the data to list

If I use the item index from the loop and pass it as param in the remove() method and apply splice() to the array, does it work properly?

How to clear the input value in text box after add task
How to remove all tasks one time

Using the length as the id will create a small bug here.
- add 2 items to the list
- remove 1st item
- add another item
- remove any item
it will remove both the items from the list. Because both of them share the same id.

How can we add new task inside the new task which is already created

super

G could you please post life cycle hook videos?

Thanks you, bro

Thank you so much sir.Please do more angular simple projects sir😊

hello bro, Please upload video on how to use PHP in React.js pls

Sería bueno tutoriales también en español 🥺