INTRODUCTORY CRUD APP WITH SIMPLE FUNCTIONS

steps

1. define form in html;
2. store data from form textfield;
3. invoke the add function, while pressing SAVE;
4. SAVE BUTTON saves and Hides the text Field;

steps

1. reading phase;
2. *ngFor gets indexes and data in this division block;
3. BUTTONS invokes function acccordingly;
4. change color alternatively;

steps

1. editing Phase;
2. form is displayed when edit function is invoked,from button;
3. text field stores data temporarily;
4. Update button updates the data and hides the text field;

USAGE

1. OPEN CRUD-APP

EDITING

1. Open Stackblitz to edit app ;
2. Open ...app/crud folder containing css,ts,html files ;

Angular functions

>  crud.component.ts file have crudcomponent class containing `variables` and functions;
>  add.employee() pushes model into array;
>  delete() deletes;
>  edit() stores data  momentarily;
>  update() updates and Edits;

Contributions

Made by StackBlitz ⚡️