Create Sales Invoice app using Angular 14 Reactive forms (Form Array + .NET Core API + Bootstrap)
HTML-код
- Опубликовано: 9 окт 2024
- #angular14 #formarray #reactiveforms
Angular Form Array real time example
This video covers below topics
==========================
1, Angular Reactive Forms with Form Array
2, Calculation in form array
3, Consume .NET Core API
4, Angular CRUD
5, Toast Alert
6, Bootstrap Design
Steps followed
=============
1, Create Angular application
ng new application name
2, Create Required Components & Services
3, Install the bootstrap
npm install bootstrap
4, Install the ngx-toast for alert
npm install ngx-toastr
5, Initiate the reactive forms with form array
6, Complete page design using bootstrap
7, Load the listing
8, Complete the calculation
9, Finish the save logic with toast alert
10, Finish the Edit & Delete function
11, Final Demo
Sales Order API video link
======================
• .NET Core web API Real...
GitHub Source Code Link
=====================
github.com/nih...
Join this channel to get access to perks:
/ @nihiratechiees
As usual your lesson is awesome. thank you for the great content.
Thanks 👍
That was one of best tutorial great effort sir thank you much easy to understand and follow ... thanks alot, please make video for searching record with date and time filter.
Sure, thanks
Awesome tutorial
Thanks
Eargely waiting for this session
👍
Best teacher ❤❤❤
Thanks
Hello! Thank you for the kind words about the lessons.
It would be great to explain this invoice application using Angular 16's Signals feature, specifically for invoice lines and total, or a shopping cart application. Thank you.
Thanks
I will enjoy this tutorail.. it will be with dynamic formarray?
Yes
Hello sir your lesson is awesome thanks could you please provide all api reponse.
This video covers all API activity ruclips.net/video/t_dSvSZ0f1A/видео.html
i am using angular 14 I get a problem I load data in a table data not shown but when I click on screen any where it suddenly loaded
Try to clear the cache and rerun the app
Why is the saving to api part specifically for formarray appear to be a mystery in all these videos. Does it magically save to an api?
Does anyone know of a recent video that explains saving a formgroup and the related formarrays to an api?
I clearly mentioned api developed using .Net core and that video link also added in to video description....
Then what else you looking for?
hi bro, while running the api, it throws an Error: response status is 500 in product section, invoice and customer sections works fine
Your api working fine?
Thank you.
You're welcome!
bro how to display and videos in angular use the click buttons pls do that kind of videos in angular bro
then cricket scorecard related videos like a cricket commandry for eacha nd every ball the scores run in different component balls run in different component and batters score in different component everything happened in single page without reload the page for each and every run ball and wicket but these three display same page one by one i think u understand the concept pls do that kind of projects in angular bro
Hi bro, you are providing requirement for one big project.
Currently I have some plan, may be in future will create similar kind of videos
@@NihiraTechiees bro pls provide how to display videos in angular bro
Ok, will upload on next week
Hi bro, please will you create a video angular and asp. Netcore webapi, file uploading but store in database with var binary
Sure will include my plan
Good job
How to print the invoice?
Will cover upcoming videos
Hi sir
In api how we get array list of variant
ruclips.net/video/t_dSvSZ0f1A/видео.html similar concept only added this video
Thank u sir
how to get sales invoice backend
ruclips.net/video/t_dSvSZ0f1A/видео.html follow this video
Where is the API Part Tutorials?
Check link in description
Where is the backend code of this
Check backend api link in description.
1:01
Hope you maintain these timing for your reference
API path?
Check description
DBSCRIPT Share with me
github.com/nihira2020/Database/blob/main/Sales_DB_script.sql