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

Опубликовано: 27 Февраль 2025
на канале: Learning Points

32,386

356

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

If you are new in angular I recommend you please see full angular tutorial from here :    • Angular Tutorial for Beginners | Over...   .Here we have discussed each and every topic on Angular.

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

Laravel 9 New upgrades :    • Laravel 9 New Features | What is new ...
Laravel 9 Tutorial :    • Laravel 9 Tutorial | Complete Laravel...
Express JS Tutorial :    • Express Js Tutorial | Node JS framewo...
Full Node Js Tutorial :    • Node JS latest version v16.* | Node J...
Full JWT Authentication tutorial in Laravel 8 :    • Laravel 8 REST API Using JWT Authenti...
Full PHP tutorial :    • PHP beginners to advance | Introducti...
Full ECMA Script Tutorial :    • ES6 | ECMA SCRIPT Tutorial | Learning...
Laravel 8 tutorial :    • Laravel 8 tutorial | Laravel Tutorial...
Angular Tutorial : https://www.youtube.com/embed/videose...
Student Management Project :    • Angular Project | Angular CRUD applic...
API tutorial with Laravel :    • API tutorial from beginning to advanc...
Livewire Tutorial : https://www.youtube.com/embed/videose...
Full Stack Application Tutorial :    • Full Stack Application with JWT authe...
Full Voyager admin panel tutorial: https://www.youtube.com/embed/videose...
Advance PHP tutorial :    • Advance PHP tutorial | PHP OOP Tutori...
PHP Interview Questions Answers : https://www.youtube.com/embed/videose...

Follow in Facebook :   / learningpointsdotin
Follow in Linkedin :   / learning-points
Follow in Instagram :   / learning_points

Visit Learning Points website for more topic : http://learning-points.in/

#angular #angular12 #angularproject #tutorial