#6. Create Reactive Form and save data using API | Angular save form data using POST API

preview_player
Показать описание
In this tutorial we will create POST API, test API using Postman. Then create reactive form using From Group and Form Control. Collect data from html to component file and then pass that data to service. Finally from the service will call API and save that data into server.

Create Reactive Form and save data using API | Angular save form data using POST API | JSON server API | Angular Project | Student Management with JSON server | Learning Points

Next tutorial we will see how to set success message and how to get a fresh form after submit of form.

In this series we will going to create a simple CRUD application with angular and JSON server. Here Angular will use as a front end and we will get data through JSON server.

Please comment your feedback and support me by subscribing to this channel.

Chapters
00:00 Introduction
01:01 Create Reactive Forms
04:58 Create FormGroup
06:15 Data Binding
07:15 Save Functionality
09:19 Save data JSON server via POSTMAN
10:58 Call Service to save data
12:00 Create Service function
17:10 Conclusion & Next video topic

#angular #angular12 #angularproject #tutorial
Рекомендации по теме
Комментарии
Автор

THANK YOU, I watched a million videos and this was the only one that helped me !

martinakuzmanovska
Автор

Thanks for explaining save data concept in a very simple way. I am new to angular and this video helped me.

smitamayeedebata
Автор

Thank you so much for this

So simple and straight forward

obasanyajanet
Автор

Master!! This was so clean, precise and to the point just loved it. thankyou for making this.

johnherrera
Автор

Sir i got a problem... when the form is filled it shows the data except 2 input fileds... blood group and profile pic? How can I solve this problem

kaarthumbi
Автор

Nice explanation... Very helpful video

zeeshanahmad-txhw
Автор

when I add a new object the id is not well incremented id: '5FudnAR', how can I solve it ?

ghodhbaniabderrahmen
Автор

thank you so much for this video, it was very helpful <3

mayssajbali
Автор

Is this possible to store the json form to postgresql

shwethalathasaravanan
Автор

what if I also have a contact number in my json file. I followed this video and tried adding contact number in my json file, but it says null every time i try to console.log it like you did in the video to test if its working

alexisrivera
Автор

Why is the ID field randomized in mine, can I ask for help?

bluebrain
Автор

Sir i tried this, i got 500 error, where i placed console in ts file after subscribe that.

thirumoorthy
Автор

hello i have a problem. when i insert data from add student, list student did not work.table is not update. can you help me pls.

mohiburrahman
Автор

I can only post the default id field, although in the submit function I have console.log the data from the form. Can you help me?

longdang
Автор

core.mjs:6485 ERROR TypeError: Cannot read properties of undefined (reading 'post') I am getting this error in console please help me

srujanam
Автор

At the below line, i am getting the error "Property 'subscribe' does not exist on type 'void'"

Please suggest

venkatamanne
welcome to shbcf.ru