DEV Community

loading...
Cover image for Crud Table In Angular Material With Local Storage(edit/save/delete)

Crud Table In Angular Material With Local Storage(edit/save/delete)

w3hubs profile image w3hubs.com ・1 min read

In this crud, we simply used an angular material table component. Here we used button components to make an action in the particular table row for update data or delete entire data.

We used local storage to store our new data or changes with the help of input fields. here we also used keyup method to show input values in the console. Also, we use the JSON parameter for pass values in input fields. In this crud, we used to edit, save and delete functions and also used stringify for exchange data to input to table.

Make it yours now by using it, downloading it and please share it. we will design more elements for you.

Source Code

Discussion (0)

pic
Editor guide