#9. Create Reactive Form and Update data using API | Angular update data using POST API | Angular 12
In this tutorial we will create POST API, test API using Postman. Then create reactive form using From Group and Form Control. Will use font awesome icon for edit link. Will create a edit page and from that edit page we can save data into the server using API. After saving will show success message.
Create Reactive Form and Update data using API | Angular update 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 B... .Here we have discussed each and every topic on Angular.
Next tutorial we will add datatable in list page.
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
00:43 Create Edit Link
02:10 Use Font awesome CDN
03:50 Create Route
04:52 Create Edit Page
07:55 Get Particular Record
13:05 Populate data in form
14:20 Update Functionality
19:15 Show Success Message
20:55 Conclusion & Next video topic
Laravel 9 New upgrades : • Laravel 9 New Features...
Laravel 9 Tutorial : • Laravel 9 Tutorial | L...
Express JS Tutorial : • Express Js Tutorial | ...
Full Node Js Tutorial : • Node JS latest version...
Full JWT Authentication tutorial in Laravel 8 : • Laravel 8 REST API Usi...
Full PHP tutorial : • PHP beginners to advan...
Full ECMA Script Tutorial : • ES6 | ECMA SCRIPT Tuto...
Laravel 8 tutorial : • Laravel 8 tutorial | L...
Angular Tutorial : kzread.infovideose...
Student Management Project : • Angular Project | Angu...
API tutorial with Laravel : • API tutorial from begi...
Livewire Tutorial : kzread.infovideose...
Full Stack Application Tutorial : • Full Stack Application...
Full Voyager admin panel tutorial: kzread.infovideose...
Advance PHP tutorial : • Advance PHP tutorial |...
PHP Interview Questions Answers : kzread.infovideose...
Follow in Facebook : / learningpointsdotin
Follow in Linkedin : / learning-points
Follow in Instagram : / learning_points
Visit Learning Points website for more topic : learning-points.in/
#angular #angular12 #angularproject #tutorial
Пікірлер: 40
amazing videos ,I have been following the student management project all of my doubts are crystal clear now. Amazing job!!!!!!!!!!!!
@LearningPointsCourses
2 жыл бұрын
Glad to help! Thank you.
Thanks a lot sir!!!
Thanks man! you save my life !
@LearningPointsCourses
2 жыл бұрын
Thanks dear 😊
Master !! thank you... so understandable.. best taught ❤❤
@LearningPointsCourses
Жыл бұрын
Thank you
Great Playlist on Angular CRUD, I was searching for this kind of tutorial from 2 months. Please make more tutorials on Angular
@LearningPointsCourses
2 жыл бұрын
Thank You
@SyedVkax
2 жыл бұрын
@@LearningPointsCourses you are welcome Bro.. My request is to make more tutorials on Angular. Your teaching method is awesome 😎
you are super!!!!!!!!!!!!!
Thank You So Much Sir... ❤️🙏🏼
@LearningPointsCourses
3 жыл бұрын
Welcome 😊
You saved my life 😅
@LearningPointsCourses
Жыл бұрын
Glad it helped
amazing video sir thank u soo much ❣
@LearningPointsCourses
5 ай бұрын
Thank you
Thanks so much sir ❤
@LearningPointsCourses
Жыл бұрын
Most welcome
Thanks 👍🏻
@LearningPointsCourses
2 жыл бұрын
You’re welcome 😊
thank you.. my error is solved
@LearningPointsCourses
2 жыл бұрын
Good. Nice to hear.
Thank you so much! 😁
@LearningPointsCourses
2 жыл бұрын
Welcome!
@rockingalam7125
2 жыл бұрын
@@LearningPointsCourses please upload the code
i am getting PUT 404 bad request .. Data is not getting updated... please help me..
9:20 sir console.log(this.router.snapshot.params.id) error: property 'id' comes from an index signature, so it must be accessed with ['id']. What should I do?
@shreyaakaranjkar8459
8 ай бұрын
U have to use it like this.router.snapshot.params['id']
Where can i find video no.11 and 12
while i am using result['name'] ..its showing undefined . what should i do sir
@LearningPointsCourses
2 жыл бұрын
Try to console your variable.. is there exist or not
Thanks for the video. where this basic code was available..?
@LearningPointsCourses
2 жыл бұрын
I have not uploaded that.
need this source code
when i put (this.router.snapshot.params.id) its show me error (Property 'id' comes from an index signature, so it must be accessed with ['id']) what i should i do ? can u help
@luckyram450
Жыл бұрын
Same issue got for me......i have done like (this.router.snapshot.params['id'])
@luckyram450
Жыл бұрын
It is working once see
@senthilkumaran9483
Жыл бұрын
@@luckyram450 should you to thanks ji
@LEGEND222
28 күн бұрын
Thank you bro