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

Комментарии • 49

  • @suryaguthula6531
    @suryaguthula6531 Год назад

    As usual your lesson is awesome. thank you for the great content.

  • @sameerfromfsd
    @sameerfromfsd Год назад

    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.

  • @Latif127
    @Latif127 Год назад

    Awesome tutorial

  • @jobins8752
    @jobins8752 Год назад

    Eargely waiting for this session

  • @usmanAli-hw5xu
    @usmanAli-hw5xu Год назад

    Best teacher ❤❤❤

  • @SEOSepeti
    @SEOSepeti Год назад

    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.

  • @luiscevallos1
    @luiscevallos1 Год назад

    I will enjoy this tutorail.. it will be with dynamic formarray?

  • @rakesh5344
    @rakesh5344 Год назад

    Hello sir your lesson is awesome thanks could you please provide all api reponse.

    • @NihiraTechiees
      @NihiraTechiees  Год назад

      This video covers all API activity ruclips.net/video/t_dSvSZ0f1A/видео.html

  • @mamiraame
    @mamiraame Год назад

    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

  • @georgeallen2275
    @georgeallen2275 6 месяцев назад

    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?

    • @NihiraTechiees
      @NihiraTechiees  6 месяцев назад

      I clearly mentioned api developed using .Net core and that video link also added in to video description....
      Then what else you looking for?

  • @karthicks2830
    @karthicks2830 Год назад

    hi bro, while running the api, it throws an Error: response status is 500 in product section, invoice and customer sections works fine

  • @AllBeautyfulNature
    @AllBeautyfulNature Год назад

    Thank you.

  • @gladisxavier2430
    @gladisxavier2430 Год назад

    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

    • @NihiraTechiees
      @NihiraTechiees  Год назад

      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

    • @gladisxavier2430
      @gladisxavier2430 Год назад

      @@NihiraTechiees bro pls provide how to display videos in angular bro

    • @NihiraTechiees
      @NihiraTechiees  Год назад

      Ok, will upload on next week

  • @kvkarthik1244
    @kvkarthik1244 Год назад

    Hi bro, please will you create a video angular and asp. Netcore webapi, file uploading but store in database with var binary

  • @ahmedabdulrahman4490
    @ahmedabdulrahman4490 Год назад

    Good job
    How to print the invoice?

  • @sweetysnehith9692
    @sweetysnehith9692 Год назад

    Hi sir
    In api how we get array list of variant

  • @ethiopianguragniamusic838
    @ethiopianguragniamusic838 Год назад

    how to get sales invoice backend

    • @NihiraTechiees
      @NihiraTechiees  Год назад

      ruclips.net/video/t_dSvSZ0f1A/видео.html follow this video

  • @akramhossainfoysal7783
    @akramhossainfoysal7783 8 месяцев назад

    Where is the API Part Tutorials?

  • @VaishnaviKulkarni-u4j
    @VaishnaviKulkarni-u4j 10 месяцев назад

    Where is the backend code of this

    • @NihiraTechiees
      @NihiraTechiees  10 месяцев назад

      Check backend api link in description.

  • @arpitsharma-ww8wm
    @arpitsharma-ww8wm Год назад

    1:01

    • @NihiraTechiees
      @NihiraTechiees  Год назад

      Hope you maintain these timing for your reference

  • @jayakumar2927
    @jayakumar2927 Год назад

    API path?

  • @jayakumar2927
    @jayakumar2927 Год назад

    DBSCRIPT Share with me

    • @NihiraTechiees
      @NihiraTechiees  Год назад

      github.com/nihira2020/Database/blob/main/Sales_DB_script.sql