Complete Angular 7 Master Detail CRUD with Web API - Part 1

Поделиться
HTML-код
  • Опубликовано: 26 ноя 2024

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

  • @CodAffection
    @CodAffection  6 лет назад +16

    goo.gl/bPcyXW : Buy me a Coffee
    goo.gl/ZjZBiY : Part 2 of this.
    bit.ly/3QiQOYw : CRUD Operations (Angular & .Net Core API)
    bit.ly/3zktP96 : Login, User Registration, Authorization, etc (Angular & .Net Core API)
    bit.ly/47yygKq : (Angular & .Net Core API) More Videos
    bit.ly/4fSmgXP : React & .Net Core API Videos

    • @KeffelewAssefa
      @KeffelewAssefa 6 лет назад +1

      Can the DB be MongoDB? If so will you be able to make a tutorial using MongoDB? Thank you for all your work.

    • @ashutoshtiwari1997
      @ashutoshtiwari1997 5 лет назад

      Sir I'm stuck when I'm connecting my database it's not reflecting any data to the application what should I do for that ...plsss help me ...

    • @CodAffection
      @CodAffection  5 лет назад

      @@ashutoshtiwari1997 please check the connection string.

    • @lukachanturia538
      @lukachanturia538 3 года назад +1

      Please paste me list of foods and prices ,in video tutorial 12:06 minutes

  • @davidsequoias9731
    @davidsequoias9731 3 года назад

    I have watched few videos about Angular. I think this is by far the best of them all.

  • @scottames3587
    @scottames3587 5 лет назад +1

    A very nice sample application. I typed all of this and it took me awhile, but I learned many concepts and it helped me a lot in my understanding of Angular 7.

    • @CodAffection
      @CodAffection  5 лет назад

      thanks for your wonderful feedback.

  • @syednazirhussain158
    @syednazirhussain158 2 года назад

    Great knowledge sharing channel.

  • @sandeeppimpalkar469
    @sandeeppimpalkar469 4 года назад

    Very Help full, clear and working code. Some changes required in HTML may be due to Angular Version not known, in HTML services directly used but private component cant use in html hence some minor changes in coding this work fine and clear my all droughts for Master Details Data saving. VERY WORTH FULL TO INVEST TIME.

    • @CodAffection
      @CodAffection  4 года назад

      Thanks for your wonderful feedback.

  • @beyondthenature
    @beyondthenature 4 года назад

    Bohat ala!! excellent video, bit hard for me for the moment, but I'm sure will cover soon when watch it again

  • @nithingudala8791
    @nithingudala8791 5 лет назад

    It was too good to understand and follow your video. I made a project with u your help. thankyou

  • @henryokoth6838
    @henryokoth6838 5 лет назад +3

    Hello totally love your series please make a video of akita state management in angular 7 together with material design....be blessed

  • @CodeWrestling
    @CodeWrestling 5 лет назад

    Superb!! Loved the first part. Now moving towards the second part. Subscribed!!!!

    • @CodAffection
      @CodAffection  5 лет назад

      thank you found this angular web api tutorial helpful.

  • @kusumsingh9770
    @kusumsingh9770 5 лет назад +1

    Very nice and informative video

  • @777eldhose
    @777eldhose 3 года назад

    Nice explanations and easy to understand.

  • @ahmetfidan2903
    @ahmetfidan2903 4 года назад

    excellent ! I like your teaching very much I hope you will reach your deserved-popularity.

  • @Amine96ification
    @Amine96ification 5 лет назад +1

    Thanks man I really appreciate your tutorials ! Go ahead man

  • @diegospinedi8417
    @diegospinedi8417 5 лет назад

    Excellent video!!!! thank you for
    very clear explanation!

  • @guycamu8873
    @guycamu8873 3 года назад

    Thanx for your videos job well done

  • @taiinh4180
    @taiinh4180 5 лет назад

    Thank you for helping me better understand Api in conjunction with angular!! verry so good

  • @binggg4493
    @binggg4493 3 года назад

    Thank you so much! Great work!

  • @jonathanseehagen1987
    @jonathanseehagen1987 5 лет назад

    Congratulations on your channel and the material available here. His tutorials are very well detailed, and for me that I'm starting up in the web dev helps me a lot. (
    Translated with google translate).

    • @CodAffection
      @CodAffection  5 лет назад

      Glad you found the video helpful.

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

      ​@@CodAffection how much angular should I know for this project

  • @milosmilosevic3167
    @milosmilosevic3167 4 года назад

    I love you dude! Brilliant video!

    • @CodAffection
      @CodAffection  4 года назад

      Glad you enjoyed it! Let me know if you've any video suggestion.

  • @Lanz1e
    @Lanz1e 5 лет назад

    Thank you very much! Great videos

  • @rahulanand7779
    @rahulanand7779 5 лет назад +1

    Hi, your tutorials are amazing. Its self explanatory and maybe targeted for the intermediate developers. I just have one request , please mention why you are adding things just a little explanation along with your content. Like today while following it, I couldnt understand children path. Just a request. I am absolute beginner and decided to learn it while i code and then note down the topics and key features to read abou them later. But anyway its really helpful. Just please add little more details.

  • @rafysancheztilogica8587
    @rafysancheztilogica8587 4 года назад

    Excellent video !!!

  • @HimalayaGarg
    @HimalayaGarg 5 лет назад

    You are simply awesome

  • @manilkumar73
    @manilkumar73 4 года назад

    impressive demo

  • @mettlus
    @mettlus 5 лет назад

    Better than Blazor, Great tutorial

  • @noureddinejallam7344
    @noureddinejallam7344 4 года назад

    Thank you, is very helpful..

  • @Devstackr
    @Devstackr 5 лет назад

    Great video!
    Long form videos are good :)
    Keep it up :D

    • @CodAffection
      @CodAffection  5 лет назад +1

      thanks for your wonderful feedback.

    • @Devstackr
      @Devstackr 5 лет назад

      @@CodAffection no problem! thanks for the reply :D

  • @mohideenasraf7837
    @mohideenasraf7837 5 лет назад

    Awesome bro.. I am a new to Angular your tutorial is very easy for me to learn.. Thank you for this great tutorial. I want to learn even more. Kindly make a shopping cart project for more useful and we learn more even more. thank you once again.

    • @CodAffection
      @CodAffection  5 лет назад +1

      Thanks for your wonderful feedback !. glad you found this tutorial helpful.

  • @scottames3587
    @scottames3587 5 лет назад

    A hot cup of Coffee coming your way, Sir!

  • @aimanfawarsy6552
    @aimanfawarsy6552 5 лет назад

    Great videos, great explanations, Thanks a lot much appreciated !

  • @Santoshumnekar
    @Santoshumnekar 6 лет назад +9

    Kindly Make video of how to integrate SMS and email API for Customer transaction or altert In angular 7 with firebase dabase.

  • @icasemobileservicecenter3293
    @icasemobileservicecenter3293 5 лет назад +1

    i has problems with ngForm in angular 8 i import import {FormsModule} from '@angular/forms'; already but still error help me please
    compiler.js:2175 Uncaught Error: Template parse errors:
    Unexpected closing tag "div". It may happen when the tag has already been closed by another tag. For more info see www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags ("rmData.CustomerID" class="form-control">
    -select-
    [ERROR ->]

  • @debabratamanna7863
    @debabratamanna7863 5 лет назад

    Just great job! Very helpful.

  • @gigatodadze9447
    @gigatodadze9447 5 лет назад

    Friends
    season... ( haha , nice)
    Thank you for great turorials .

  • @bizzybees6148
    @bizzybees6148 4 года назад

    love you, great Job.. Thank you sooooo much

  • @designcode2504
    @designcode2504 5 лет назад

    Checkout this javascript tricky questions:-
    www.designmycodes.com/javascript/javascript-tricky.html

  • @scottames3587
    @scottames3587 5 лет назад +1

    Excellent! Thank you so much!

  • @juanalfredogutierrez8663
    @juanalfredogutierrez8663 4 года назад

    Hello I managed to do it by following the videos, but it worked with NGModel, some example to do it with reactive forms.
    thank you!

  • @darkshadowgks
    @darkshadowgks 5 лет назад

    Dear Sir, your video is good. appreciate if you could create a series of video of angular with nativescript by using code sharing. This could benefits to many of people looking for this.

    • @CodAffection
      @CodAffection  5 лет назад

      thanks for the wonderful feedback. happy coding.

  • @billjustice9476
    @billjustice9476 5 лет назад

    Your videos are very instructive and right to the point of what I was looking for. Can you make a video showing how to adapt any of these (WebAPI/Angular/JWT/Identity Core) to use SQL stored procedures?

    • @CodAffection
      @CodAffection  5 лет назад

      Thanks for your wonderful feedback.
      here is our video demonstrating CRUD operations
      with ASP.NET Core Web API and Angular 7 : goo.gl/ijPZQk
      I have already made 3 videos regarding user registration, authentication and authorization in ASP.NET Core Web API and Angular 7 with Identity Core and JWT.
      1. goo.gl/RZ33mk (User Registration)
      2. goo.gl/3DefLb (JWT Authentication with identity core)
      3. bit.ly/2GmF7dx (authorization with identity role)
      But all of the above are using Code First Approach. By combining all of these video projects, you can create a complete Master-Detail Operation with JWT authentication like this video.
      let me know if you have any issue while implementing the system.

    • @billjustice9476
      @billjustice9476 5 лет назад

      Thank you for the response. i am still working through the Master/Detail tutorial (another great one) but checked the one you reference in your response. i don't see where the API uses SQL stored procedures (which is what I'm looking for). maybe i'm missing something....

  • @madanghimire1853
    @madanghimire1853 5 лет назад

    excellent video thanks sir.

  • @ornellaluna7128
    @ornellaluna7128 5 лет назад

    tks!! for help me !! this tutorial is very good... Gracias...

    • @CodAffection
      @CodAffection  5 лет назад

      glad you found the video helpful. Bienvenido

  • @trustingod0
    @trustingod0 5 лет назад +7

    I was wondering if you could make a video or point me to a reference that explains how to debug typescript in visual studio code using sourceMaps. Thanks !

  • @aamiransar1614
    @aamiransar1614 5 лет назад

    Completely new to Angular and learning it by watching your videos, great technique of explanation.
    Can you provide quick demo of crud operations in bootstrap and angular(using single component) similar to your complete angular material tutorial.
    Thanks..

    • @CodAffection
      @CodAffection  5 лет назад

      thanks for your wonderful feedback.
      glad you found the video helpful.

  • @junarjacob9858
    @junarjacob9858 5 лет назад

    nice, thanks

  • @atishmhatre4895
    @atishmhatre4895 6 лет назад

    very nice Tutorial, Thank you!

    • @CodAffection
      @CodAffection  6 лет назад

      Thank you for the wonderful feedback!

  • @rameesh531
    @rameesh531 4 года назад

    thanks for your videos. it is very help full. pls do a video of angular and dot net core api and master detail table sql server

  • @codigoninja
    @codigoninja 6 лет назад

    Thank you, excelent video!

  • @CodingWorldWithNinja
    @CodingWorldWithNinja 5 лет назад

    Nice explaination dude

  • @kaidsadikot9650
    @kaidsadikot9650 4 года назад +1

    Hello I am having some difficulties with creating the order form. When I compile im getting these two errors:
    Property 'service' is private and only accessible within class 'OrderComponent'.
    &
    Can't bind to 'ngMode' since it isn't a known property of 'select'.
    If i could get some assistance with what the issues could be it would be greatly appreciated

  • @charitht99perera64
    @charitht99perera64 5 лет назад

    Good Tutorial

    • @CodAffection
      @CodAffection  5 лет назад

      thanks for the comment, if you have any video suggestion let me know related to asp.net or angular,

  • @edwinvicente1093
    @edwinvicente1093 5 лет назад +3

    good afternoon, why do I get error
    it is at 48:05 minute, it does not appear on the screen, it refers to a private member of the component (undefined), now perform all the steps

  • @veerubabu398
    @veerubabu398 4 года назад +2

    Please do these projects in reactive forms

  • @mdtota-mh5jh
    @mdtota-mh5jh 5 лет назад

    Good tutorial...…...

  • @eren00101
    @eren00101 5 лет назад +1

    Hey, FormGroup object Is this suitable for the project?

  • @shadialhaj679
    @shadialhaj679 4 года назад

    Should we add Bootstrap JQuery in Angular 9?

  • @amilawijesena1672
    @amilawijesena1672 5 лет назад

    Perfect

  • @mr.heart007
    @mr.heart007 6 лет назад +2

    So good

  • @avinashjha7560
    @avinashjha7560 3 года назад +1

    I caught in problem while create a form of order.component.html where error is #form="ngForm" doesn't exist or no directive found.
    please give me a hint why i am getting such error

  • @manikju1
    @manikju1 4 года назад

    Nice video,this is useful for me.
    I am new in asp.net mvc
    I have downloded source code of restaurant app.But I could not run . Pls help me.

  • @kakdiyaamit6625
    @kakdiyaamit6625 5 лет назад +4

    How to webapi and Angular7 Publish, and Hosting to server.
    Can Upload Video.

  • @nrk2892
    @nrk2892 5 лет назад

    Thanks a lot sir Bless🙏 🇮🇳

  • @MyMack2010
    @MyMack2010 6 лет назад +1

    Thanks a lot

  • @cutipets8706
    @cutipets8706 4 года назад

    hi, just a question, how to make an angular sdk??

  • @thanjoenax
    @thanjoenax 5 лет назад +2

    good day sir, i followed your great video, but at 47:10 we have different output, mine has lost all the entry field only shows the heading but when I tried to delete this portion of code "*ngIf="service.formData" at order.component.html file, it shows all entry field but no value for the "Order No." , please let me know where I made the mistake. Thanks in advance..

  • @uday1002305
    @uday1002305 5 лет назад +2

    Hi Sir, thanks for this great tutorial. I used it successfully. It works perfectly by ng serve. But having one issue, I want to use it on production. So I used ng build prod. Bundles file generated but when I used index.html file, getting empty page.
    May be some path issue. Please help me.

  • @olabodebowoto1442
    @olabodebowoto1442 5 лет назад

    Thanks so much!

  • @jianjiatan7599
    @jianjiatan7599 4 года назад

    Hi, how do you update the table with multiple food items, if I replace the drop down list as a table of checkboxes of food items?

  • @ionutg5955
    @ionutg5955 5 лет назад +1

    Hello CodAffection, there is a problem on update one existing order, when I try to insert many new orderitems, because all of them has no unique id.
    If anyone knows how to overstep this error please reply. Thank you!

  • @eC279
    @eC279 6 лет назад +1

    മലയാളി!!!

  • @birgulkantarci9788
    @birgulkantarci9788 4 года назад

    Hello there,
    Thank you for these beautiful training videos you have created. I follow you with pleasure. Which program do you use when preparing these training videos?
    Thank you
    Birgul Kantarci

  • @WebTechies82
    @WebTechies82 5 лет назад

    Classes where not created inside the models can you please help me I did the same step what was there in video please help me

  • @semikolon4229
    @semikolon4229 6 лет назад +1

    Thanks, a lot.

  • @Ratul939
    @Ratul939 3 года назад

    can I use Same UI for Java spring boot backend ?

  • @tewodroskebede4915
    @tewodroskebede4915 5 лет назад

    perfect tetorial

  • @l.serpes3960
    @l.serpes3960 6 лет назад

    Thanks

  • @kumaresha3348
    @kumaresha3348 4 года назад

    Need help in Angular 9 Ionic 5, not able to exit the app by clicking icon of Dashboard page. Can you help me.

  • @manishkumar-xy9hi
    @manishkumar-xy9hi 4 года назад

    hi i got stuck while doing this project, when i click Add item button, OrderItemscomponent opens in popup but it disappears immediately, i noticed url changing when button is clicked it goes from localhost/4200/order to localhost/4200 and then page refreshes, url changes to localhost/4200/order again and pop up disappears. no error in console. please help asap

  • @minaraef6563
    @minaraef6563 4 года назад

    Can asp.net core web api give the same above result of master detail MVC asp.net?
    i can see table relationship is migrated to the generated model in master details but in core model was simple has variable types and validation only as per videos

  • @Santoshumnekar
    @Santoshumnekar 6 лет назад

    Print setup? Payment receipt details concept miss..Nice info.

  • @jonathanrodrigues26
    @jonathanrodrigues26 5 лет назад +1

    hi, thanks for the tutorial!!! i would like to know whats de version of your Visual Studio? community or professional? tks

    • @aparnataware3417
      @aparnataware3417 4 года назад

      Its a visual studio code not a visual studio professionalor community buddy😊

  • @parvinderbardhen
    @parvinderbardhen 6 лет назад

    Bro your tutorial is very good. But I think it's better you can create a complete tutorial from scratch like Angular, .Net etc the way you have explained is very good and different from other but experience developer can easy understand but in case fresher or Ameture developer didn't. So I think it's better if you want more subscribe then create tutorial from scratch and see the response.

    • @CodAffection
      @CodAffection  6 лет назад

      thanks for your wonderful feedback, I will look in to that in future.

  • @jitheshkramesh
    @jitheshkramesh 5 лет назад

    Thank you....

  • @uday1002305
    @uday1002305 5 лет назад +1

    Hi Sir getting error like "the name is not defined" when used parsefloat or math or random words. Please help me

  • @VHMate
    @VHMate 5 лет назад

    Why didn't use npm install for bootstrap, font-awesome? It's much easier as you think.

  • @freedom-traveller36
    @freedom-traveller36 5 лет назад

    @inject(MAT_DIALOG_DATA) public data,
    it gives an error like
    inject() must be called from an injection context
    at injectInjectorOnly (core.js:1188)
    at inject (core.js:1199)
    at orderitem.component.ts:21

  • @godwinigbokwe9147
    @godwinigbokwe9147 5 лет назад +2

    good day sir pls i followed ur tutorial on Angular 5 User Registration With Web API Using Asp.Net Identity.
    i am done i want to publish my project online how do i go about it

  • @ernestomunera8235
    @ernestomunera8235 5 лет назад

    Hello again! If I don't want to repeat an item in the table, what is the procedure in that case?

  • @desifitness9194
    @desifitness9194 5 лет назад

    sir i was try to build a project but i have one problem to detect order form is not showing in browser ? please help me

  • @muhammadadil7307
    @muhammadadil7307 5 лет назад

    stunning video but sir little problem that when i edit record addOrEdit function get OrderID ''NULL'' thereby record not open in the dialog box.

  • @taufankhuniawan1601
    @taufankhuniawan1601 5 лет назад +1

    hii, thanks alot for this video, can u make one using the PHP ?, that would be great

  • @scholars3656
    @scholars3656 5 лет назад

    Hi @CodeAffection Can you plz make tutorial of EF Core with separate data access layer

  • @codeRS95
    @codeRS95 5 лет назад

    Hello sir, how to implement required validation on customer dropdown list when "--Select Customer--" is selected by default using Bootstrap 3?

  • @gasstove9437
    @gasstove9437 4 года назад

    can u add a complete project made in angular and webapi it would be great help for me :)

  • @anakarukevwe4953
    @anakarukevwe4953 4 года назад

    thanks allot for the tutorial, but please can you make a tutorial like this on Asp.netzero

  • @husnakhanam9546
    @husnakhanam9546 6 лет назад

    Thank you...very helpful...can you please guide us through breadcrumbs including in angular 7 applications

    • @CodAffection
      @CodAffection  6 лет назад

      Glad you found the video helpful.
      breadcrumbs?

  • @taufankhuniawan1601
    @taufankhuniawan1601 5 лет назад +1

    helloo codAffection, thanks alot for the tutorial, i've been following the step from ur video, but i have problem when using the material angular popup dialog,
    when we click additem, the dialog appear and just a second the dialog close again, i try so many time but still the same, can u tell me what's the problem ?

    • @kristiankorcari6686
      @kristiankorcari6686 5 лет назад

      I have the same problem too,any help would be appreciated

    • @kristiankorcari6686
      @kristiankorcari6686 5 лет назад +1

      Hi my friend .I found the problem.Remove href = "" from
      Add Item

  • @ur67tube
    @ur67tube 4 года назад

    we are getting below error after installing BrowserAnimationsModule and MatDialogModule.
    ERROR in node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(29,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(30,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(128,9): error TS1086: An accessor cannot be declared in an ambient context.

  • @vanalfredtaniegra3165
    @vanalfredtaniegra3165 5 лет назад

    When i press the add item button the dialog show but close after one second automatically, any solution on this? hope you can answer my question

  • @krishnasandeep398
    @krishnasandeep398 6 лет назад +1

    Hi,
    Could you please let me know what will be the value of "service.formdata.orderId" on the initial adding of items from the popup. I believe, we are not assigning any value to order id. On additon of new item from the pop-up, I am able to get every property of OrderItem entity except OrderItemId and Order Id. Please help.

    • @lancelot4043
      @lancelot4043 5 лет назад

      I have the same quuestion... OrderId doesn't hace any value

    • @luiscevallos1
      @luiscevallos1 5 лет назад

      I have the same problem please help