Angular 11 CRUD with json-server | Bootstrap UI | Angular Reactive Form

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ธ.ค. 2024

ความคิดเห็น • 717

  • @letsprogram30
    @letsprogram30  2 ปีที่แล้ว +9

    Do checkout my latest video on angular 13 CRUD with material UI th-cam.com/video/jGbP620NahE/w-d-xo.html

    • @Adity-t4d
      @Adity-t4d 2 ปีที่แล้ว +1

      When I am clicking on add button it giving alert of wrong

    • @letsprogram30
      @letsprogram30  2 ปีที่แล้ว

      @@Adity-t4d didn't get your question

    • @Adity-t4d
      @Adity-t4d 2 ปีที่แล้ว

      @@letsprogram30 for post method i am getting bad request (400) error in console

    • @letsprogram30
      @letsprogram30  2 ปีที่แล้ว

      @@Adity-t4d connect with me on telegram will help you there 🙂

    • @nikhilbhosale8770
      @nikhilbhosale8770 2 ปีที่แล้ว

      @@Adity-t4d same error

  • @vigneshsridhar7252
    @vigneshsridhar7252 3 ปีที่แล้ว +6

    Excellent Bro... i Saw so much of videos... your explaination is very clear... Thankyou so much bro...

  • @miezu_2004
    @miezu_2004 2 ปีที่แล้ว +6

    You are great. You make it so simple and you have a gift to explain the process. I just waiting for to watch your last Angular CRUD video!! Good job!

  • @spurtidalwai3205
    @spurtidalwai3205 2 ปีที่แล้ว +6

    Very useful content .I didn't find this content in other videos. Please keep coming up with such many more. Thank you so much for this one 👍

  • @nasimbaradaran4175
    @nasimbaradaran4175 3 ปีที่แล้ว +1

    Hi, First I didn't like the video and wanted to close it but decided to follow it and now I say it was GREAT and I learned a lot. Thank you!

  • @vrushalithakare3565
    @vrushalithakare3565 2 ปีที่แล้ว +2

    Thank you so much shashi I am new in angular from this video crud Operation of my application done successfully. Your explanation is very clear and you are very helpful person 🙌 thank you so much😁

    • @letsprogram30
      @letsprogram30  2 ปีที่แล้ว

      Thanks for the wonderful feedback 🙂
      Do checkout the latest video on angular 13 CRUD with material UI, you will definitely love it 🙂

    • @rockkkstarrr115
      @rockkkstarrr115 2 ปีที่แล้ว

      R you working as an angular developer??

  • @itsnexus9938
    @itsnexus9938 8 หลายเดือนก่อน

    You are a legend , you saved my life in my school project

  • @sudeepsoreng6917
    @sudeepsoreng6917 2 ปีที่แล้ว +1

    28:56 the res is giving off errors,can you help me out or tell me the use of res there I am new to this.I've followed everything thouroughly yet the mistake appears

  • @poulami_datta
    @poulami_datta 2 ปีที่แล้ว +1

    This is a full guided project, every basic concepts cleared.. Thank you.

  • @pankajthakur-zo7ek
    @pankajthakur-zo7ek 3 ปีที่แล้ว

    @35:10 why there was no argument given to getEmployee() in gettAllEmployee ? since in apiService argument data was given

  • @rushik379
    @rushik379 2 ปีที่แล้ว

    There is no popup visible when modal is implemented. Any help!

  • @rameshbabu1606
    @rameshbabu1606 3 ปีที่แล้ว

    you are excellent bro. If we just follow your video, we won't get any type of errors. crystal clear. you are the best.

    • @letsprogram30
      @letsprogram30  3 ปีที่แล้ว

      Oh thanks for such a good feedback 🙂

  • @natalieriquelmy2504
    @natalieriquelmy2504 2 ปีที่แล้ว +3

    Thanks so much for making this video! I'm running into a problem though- I've followed your steps exactly to make the add button a modal, but for some reason when I click on it, nothing appears. Any ideas for how I can fix this?

    • @avilashguru8985
      @avilashguru8985 2 ปีที่แล้ว +1

      yes I am facing the same issue, please revert

    • @avilashguru8985
      @avilashguru8985 2 ปีที่แล้ว +2

      that's becase you have not added bootstrap.min.js in the scripts array in angular.json after styles array in the same file. Do that and it will work.

    • @kavyagowda6741
      @kavyagowda6741 ปีที่แล้ว

      Is ur issue got resolved plz help

  • @sivaraju3442
    @sivaraju3442 2 ปีที่แล้ว +1

    Bro, while I am Posting the data .. i am getting error like *can't read properties of undefined (reading 'postemployee')* 🙄

  • @someonesomewhere5613
    @someonesomewhere5613 ปีที่แล้ว

    giving CORS error it's not posting, I'm fed up with this error. I've added proxy.config.json file and allowed cross origin true but still same error ocuurs

  • @tanyachauhan9825
    @tanyachauhan9825 3 ปีที่แล้ว +6

    thank you sir for this lesson , keep supporting you..
    your explaination is abundantly clear..
    make more videos on Angular..

    • @letsprogram30
      @letsprogram30  3 ปีที่แล้ว +3

      Thanks for the support

    • @komal6816
      @komal6816 3 ปีที่แล้ว

      No doubt.🙏

    • @Jagan__7669
      @Jagan__7669 2 ปีที่แล้ว

      @@letsprogram30 hii I'm facing bro can help me out

  • @mohammadsaad810
    @mohammadsaad810 ปีที่แล้ว

    Best Video it helped me alot to clear my REST API concept appreciate to you : )

  • @vijaykumar-nn2ln
    @vijaykumar-nn2ln ปีที่แล้ว

    Everything is good but when you give proper explination we are so happy . Because these are major methods to fetch the data . Think once dear

  • @kaushiksri7123
    @kaushiksri7123 3 ปีที่แล้ว +7

    delete isn't working bro

    • @sanket4242
      @sanket4242 2 ปีที่แล้ว +1

      url is changed in case of put and delete sir

    • @bookuha
      @bookuha 2 ปีที่แล้ว +1

      why not?

    • @manikantapallerla410
      @manikantapallerla410 ปีที่แล้ว

      @@sanket4242 didnt get u.can u pls elaborate

    • @hmr_zz
      @hmr_zz ปีที่แล้ว

      In api service:
      deleteEmployee(id:number){
      return this.http.delete('localhost:300/posts/'+id).pipe(map((res:any)=>{
      return res
      }))
      }

    • @venugopal-kl9ck
      @venugopal-kl9ck ปีที่แล้ว

      Please do check the youtube short video of his, he told solution for it

  • @subratbarada9657
    @subratbarada9657 ปีที่แล้ว

    without backend u have adding employee data?? ..how its possible ..mine is not working.. what should i do help me please

  • @animeshthakur3292
    @animeshthakur3292 3 ปีที่แล้ว +1

    bro you are excellent, but how to change the value of id automatically on update or delete the data?
    for example if we are adding 4 data in a database and they have ids 1,2,3,4 and when we are deleting the data of id:3, then it the id:4 should change to id:3?
    How can we do that?

    • @eugenepogi
      @eugenepogi 2 ปีที่แล้ว

      ID should not be modified. The purpose of ID is to make each record unique, that is why you can delete or update specific record by ID.
      Maybe you want to show a counter instead of ID so that it will always show a sequence in correct order no matter which row you delete

  • @unpredictable_01
    @unpredictable_01 2 ปีที่แล้ว +1

    sir i need the code of this video

  • @gravitymusic1595
    @gravitymusic1595 ปีที่แล้ว

    how do you add subscribe method....its not coming for me ?

  • @sangaranaarayananr3134
    @sangaranaarayananr3134 2 ปีที่แล้ว +1

    bro i did the same thing but sometimes in angular in the middle of the project when i run ng serve the page shows nothing and i am creating new proj again why this is happening what is the solution for this.

  • @karna569
    @karna569 2 ปีที่แล้ว

    U making the angular so simple..kudoos

    • @letsprogram30
      @letsprogram30  2 ปีที่แล้ว

      Thanks, will come up with more projects
      Stay tuned 🙂

  • @machindralendave4296
    @machindralendave4296 3 ปีที่แล้ว

    hi, while installing the json server showing the error of .......
    added 247 packages, removed 291 packages, changed 137 packages, and audited 1570 packages in 1m
    99 packages are looking for funding
    run `npm fund` for details

  • @cristianotero588
    @cristianotero588 2 ปีที่แล้ว

    Brutal Video!!, i Learned a lot about of services thanks! greeting from Colombia

  • @aayushrajshrestha2290
    @aayushrajshrestha2290 2 ปีที่แล้ว

    hello the delete and edit button isn't working in my case. Can you help?

  • @war-fare06
    @war-fare06 2 ปีที่แล้ว +7

    You forgot to mention that we have to import API Service in 26:19 and also we have to inject the service in constructor.

    • @JohnSmith-vf3iz
      @JohnSmith-vf3iz 2 ปีที่แล้ว +3

      how to import api??
      i'm facing error here...............

    • @adlyz9050
      @adlyz9050 2 ปีที่แล้ว

      this comment must be pinned, actually

    • @ITSTIMETO
      @ITSTIMETO 2 ปีที่แล้ว +1

      Yes (private api:apiService)

    • @kirteekumari3459
      @kirteekumari3459 2 ปีที่แล้ว

      Can you tell how exactly that do that ?

    • @gasanadidasijunior5054
      @gasanadidasijunior5054 ปีที่แล้ว

      @@kirteekumari3459 at the top add import {ApiService} from 'relative path'
      then in the constructor update like this constructor(private formBuilder: FormBuilder, private api:AppService){}

  • @nikhilvinnakota5629
    @nikhilvinnakota5629 2 ปีที่แล้ว

    How do we subscribe to observables using the angular 14? what is the new syntax??
    can you please provide a github repo link if you have it for this particular project?

  • @abhisheksaurav4472
    @abhisheksaurav4472 ปีที่แล้ว

    How to add validations in the fields such as email, mobile number etc. ? Like in mobile number field it should not accept any value other than number.

  • @NityaWithKomalMumaa
    @NityaWithKomalMumaa 2 ปีที่แล้ว

    ERROR TypeError: Cannot read properties of undefined (reading 'setValue')
    hi can you plz help me to resolve this error i am not able to see the edit data after click on edit button.

  • @tranhaangkhoa6602
    @tranhaangkhoa6602 2 ปีที่แล้ว

    (Can't bind to 'formGroup' since it isn't a known property of 'form'. ) How to fix. Thanks you very much

  • @cliffordmahwite7366
    @cliffordmahwite7366 3 ปีที่แล้ว +5

    can you kindly do angular reactive forms + spring boot for backend, thanks in advance.

  • @rogerruiz1801
    @rogerruiz1801 ปีที่แล้ว +1

    In minute 24:21 I have an error on the map which you dont have, so I waste it my time

  • @sudhishramachandran2937
    @sudhishramachandran2937 2 ปีที่แล้ว

    Hi like i have one doubt if there is plus icon and need to insert tr on top of another tr is there a way insertCell(0) but is there a way in the angular to insert tr on above and below.

  • @aliparlatti8822
    @aliparlatti8822 2 ปีที่แล้ว

    Even though I define ReactiveFormsModule for formGroup in app.module.ts file, I get an error in .html file. Compiler error does not occur, html is loaded but I cannot retrieve data from form. Can you help?

  • @venugopal-kl9ck
    @venugopal-kl9ck ปีที่แล้ว

    brother even after adding the slash to apiurl Update is still not woring

  • @javirsagar8
    @javirsagar8 ปีที่แล้ว

    It's awesome learning way of angular coding..

  • @praveenak8049
    @praveenak8049 2 ปีที่แล้ว

    add employee popper not working for me
    i did all the steps in the vedio still not working
    any solutions??

  • @newmovies2446
    @newmovies2446 2 ปีที่แล้ว

    Teaching method is clear and nice ...keep it up brother... May u have get more

  • @telefonmakinesi6467
    @telefonmakinesi6467 3 ปีที่แล้ว

    my modal doesnt show up :/ whyy? can someone help me?

  • @bsp1862
    @bsp1862 3 ปีที่แล้ว

    The delete button is not working sir, any idea what may be the problem?

  • @dungphamtan2799
    @dungphamtan2799 3 ปีที่แล้ว

    Hi sir, when I click add employee, modal is not working. I use Angular 12

  • @priyapurandare3746
    @priyapurandare3746 3 ปีที่แล้ว

    It's really good video.. Explanation and step are very clear... Very good..

  • @Skclubs988
    @Skclubs988 ปีที่แล้ว

    Sir modal doesn't work on add employees button

  • @abhishekabhi4790
    @abhishekabhi4790 3 ปีที่แล้ว

    In that particular add employee button unable to get dialogue box as shown in video is there any solution for that

  • @saunaknandi1814
    @saunaknandi1814 2 ปีที่แล้ว

    @Let's Program how u fix the error in api.service.ts?

  • @KHAN-JAVID
    @KHAN-JAVID 2 ปีที่แล้ว

    owsem crud operation in Angular from basic to advance Thanks alot i clear lot of quries

  • @manojKumar-BE21
    @manojKumar-BE21 2 ปีที่แล้ว

    Git is not recognised
    What can I do for it

  • @riddheshpingle9904
    @riddheshpingle9904 2 ปีที่แล้ว

    how will the data in the Posts collection be reflected or copied in db.json

  • @rohitsangale9451
    @rohitsangale9451 2 ปีที่แล้ว +1

    Thanku so much but i will refer same but my edit button will not work

  • @keshavraw1388
    @keshavraw1388 2 ปีที่แล้ว

    24:33 i am getting an error while applying that , i could not get that ... please help

  • @ajinkyakundur8620
    @ajinkyakundur8620 ปีที่แล้ว

    thanks sir, this video is very useful to understand angular crud, you explain it in very simple manner

  • @Syedaltmashashraf
    @Syedaltmashashraf 2 ปีที่แล้ว

    How to make sure the field is not empty in the form?

  • @mariyamali1063
    @mariyamali1063 3 ปีที่แล้ว

    Hello, sir I have made this same application by watching yours but now after saving it not re-running, how to re-run it?

  • @satendrapatel2468
    @satendrapatel2468 3 ปีที่แล้ว +1

    Now I came to know how to use the HTTP client module. I am appreciated but going through some errors. So could I have the GitHub link to this crud operation?

  • @vickyvikender
    @vickyvikender 3 ปีที่แล้ว +6

    Excellent work! It will very good if you create a complete project (maybe a small)

  • @jayncreations2396
    @jayncreations2396 2 ปีที่แล้ว

    If i edit updated after add new data show error how to clear this

  • @kanhunahak6671
    @kanhunahak6671 2 ปีที่แล้ว

    Why video quality not available

  • @kedarsaraf139
    @kedarsaraf139 ปีที่แล้ว

    My Add employee button is working fine ,it also adding data. But my delete and edit buttons are not working

  • @yellareddy4769
    @yellareddy4769 ปีที่แล้ว

    iam getting this error in deleteEmployee and updateEmployee methods in employee-dashboard.ts
    'res' is declared but its value is never read.ts(6133)
    can you help me out

    • @yellareddy4769
      @yellareddy4769 ปีที่แล้ว

      in my page delete operation and update operation are not doing well
      i.e. the info is not deleting and updating

  • @ananyasa7494
    @ananyasa7494 2 ปีที่แล้ว

    Sir i want to add rigisterdate table,what changes i should make to add date?please share

  • @farooqshaikh9523
    @farooqshaikh9523 2 ปีที่แล้ว

    12:16 output is not showing.

  • @bugiderajasekhar1406
    @bugiderajasekhar1406 2 ปีที่แล้ว

    Bro delete button is not getting delete i have done properly with your respective steps

  • @adarshsingh3012
    @adarshsingh3012 3 ปีที่แล้ว

    hey, nice video, but one thing is bugs when i click on edit btn and then click on Add Employee btn in this case not post any data and throw err (500 (Internal Server Error))

  • @shekharpadhy8550
    @shekharpadhy8550 2 ปีที่แล้ว

    can't understand that postEmployeeDetails...getting error- cannot find name 'postEmployeeDetails'
    plz help me🙏🙏

    • @letsprogram30
      @letsprogram30  2 ปีที่แล้ว

      Connect with me on telegram will help you there 🙂

  • @sahithreddy8749
    @sahithreddy8749 2 ปีที่แล้ว

    May, i know how to connect this one to MySQL database using spring boot

  • @bhavananangare8156
    @bhavananangare8156 ปีที่แล้ว

    the edit button is not working for me .

  • @avnishyadav4577
    @avnishyadav4577 3 ปีที่แล้ว

    marks my words, this person is going to rule in angular in next few years !!

    • @letsprogram30
      @letsprogram30  3 ปีที่แล้ว

      Will try my best, thanks for your comment 🙂❤️

    • @avnishyadav4577
      @avnishyadav4577 3 ปีที่แล้ว

      @@letsprogram30 brother i am getting this error plz tel me how to resolve since I am following every point of your code
      core.js:6479 ERROR TypeError: Cannot read properties of undefined (reading 'postEmployee')

    • @letsprogram30
      @letsprogram30  3 ปีที่แล้ว

      @@avnishyadav4577 connect with me on telegram will help you there 🙂

  • @aqeelbaig2243
    @aqeelbaig2243 2 ปีที่แล้ว

    hello sir this project have some problem will you fix this plz

  • @omshrighodekar628
    @omshrighodekar628 3 ปีที่แล้ว

    Can you tell me how to add image in this column by button popup for each employee

  • @sravaninallabelli1251
    @sravaninallabelli1251 2 ปีที่แล้ว +1

    Can we add data to form using setvalue without using update method. Please reply

    • @letsprogram30
      @letsprogram30  2 ปีที่แล้ว +1

      No.
      Update method is to update the record in Database

    • @sravaninallabelli1251
      @sravaninallabelli1251 2 ปีที่แล้ว

      @@letsprogram30 when form opens I have to show some data in form.what I have to use?

    • @letsprogram30
      @letsprogram30  2 ปีที่แล้ว +1

      @@sravaninallabelli1251 for forms use setvalue

    • @sravaninallabelli1251
      @sravaninallabelli1251 2 ปีที่แล้ว

      @@letsprogram30 ok thank you

  • @harshitdehariya623
    @harshitdehariya623 3 ปีที่แล้ว

    please give me scope extension i am unable to use also not adding white color in nav AngularCrud sir could you plan provide sources code sir

  • @cliffordmahwite7366
    @cliffordmahwite7366 3 ปีที่แล้ว

    Add is not working ,, its saying (postEmployeeDetails is not a function)

  • @utkarshlanjewar7852
    @utkarshlanjewar7852 2 ปีที่แล้ว

    How to add global filter bro? Give some hints

  • @RishabhSingh-ww8vn
    @RishabhSingh-ww8vn 2 ปีที่แล้ว

    can we do update and Add on same button

  • @priyabratmohapatra8660
    @priyabratmohapatra8660 2 ปีที่แล้ว

    Sir, In your case the h1 (Angular CRUD) and the (Add Employee) button are in the same plane(horizontally). Where as for me the (Add Employee) button is getting aligned below the h1(Angular CRUD). Please clarify.

  • @venuyadavboini2127
    @venuyadavboini2127 2 ปีที่แล้ว

    Hai bro I am doing the same thing but the pop-up is getting triggered even after added bootstrap do i need to add any links in index.html

  • @pratimagutal9344
    @pratimagutal9344 2 ปีที่แล้ว

    You are not showing how to pass routing for Id..please show because i having error in Id not found

  • @ishwarhallur3871
    @ishwarhallur3871 3 ปีที่แล้ว

    delete button is not working please suggest
    .subscrib(res=>{
    })

  • @harshayendluri8115
    @harshayendluri8115 2 ปีที่แล้ว

    Modal not displaying?

  • @prahladkumar2186
    @prahladkumar2186 2 ปีที่แล้ว

    Hey @let's program
    Can you please tell one thing.
    Everytime for declaration of variable you use !(not) like :-
    formValue !: FormGroup;
    employeeData !: any;
    showAdd !: boolean;
    showUpdate !: boolean;
    So why you using !(not) operator every time varibale declaration ???
    We can do without this but it's giving error if i am doing in your way without !

    • @youryuvv
      @youryuvv 2 ปีที่แล้ว

      if you don't write (!) to any variables than we have to give initial value to that variable , soo if you create a variables with (!) sign than no need to initialize this only name and data type with be enough.

    • @prahladkumar2186
      @prahladkumar2186 2 ปีที่แล้ว

      @@youryuvv Thanks a lot for the reply and clarification. It is very helpful as i was not able to find this on anywhere on google.

  • @NARESHKUMAR-kz9su
    @NARESHKUMAR-kz9su 2 ปีที่แล้ว

    Such a clear way of teaching wonderful and really helpful lot to me. Thanks a lot bro

    • @letsprogram30
      @letsprogram30  2 ปีที่แล้ว +1

      Thanks for the feedback 🙂
      Do checkout my latest video on angular 13 CRUD with material UI

  • @itsmihir1
    @itsmihir1 3 ปีที่แล้ว

    this.api is not working for me

  • @vishnuvarma377
    @vishnuvarma377 3 ปีที่แล้ว

    I'm entering . subscribe and save after save . subscribe is striked sir.how to solve this problem

  • @lajt1204
    @lajt1204 3 ปีที่แล้ว +2

    Hi, can you help me to connect this crud to any database(mongodb/firebase)?
    Also I have a problem with delete and update, Im pretty sure the cod is the same like yours but its not working :/ (In terminal I got message DELETE/posts2 404 5.245 ms - 2" )

    • @letsprogram30
      @letsprogram30  3 ปีที่แล้ว +2

      You need to use / after the posts
      Like delete/posts/"+id

    • @lajt1204
      @lajt1204 3 ปีที่แล้ว

      @@letsprogram30 Okay I got you. Everythink is working perfect right now ! Thank you !

    • @satishlucky2909
      @satishlucky2909 2 ปีที่แล้ว

      @@letsprogram30 bro iam used same but not working

  • @melodiousmelodies9263
    @melodiousmelodies9263 3 ปีที่แล้ว

    Everytime i open vs code newly the employee details doesn't add, only after restarting the json server it works.is this the correct way or is there any other solution?,also even after restarting the details added appears only after refreshing the page?

  • @chetnaturankar4076
    @chetnaturankar4076 3 ปีที่แล้ว

    My get operation is not working

  • @idreeskema9638
    @idreeskema9638 2 ปีที่แล้ว

    thanks for this video but how to restrict direct url access on json server

  • @ashwinijadhav4801
    @ashwinijadhav4801 3 ปีที่แล้ว

    Could you please send this code, data is not getting post in sb. Json

  • @yellareddy4769
    @yellareddy4769 ปีที่แล้ว

    first name and mobile number are not displaying in output
    what is the problem

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว +1

      Check the formControlName is matching or not

  • @anilui8434
    @anilui8434 3 ปีที่แล้ว

    Really great Job.. understand very clearly. Excellent bro

  • @27meghana42
    @27meghana42 2 ปีที่แล้ว

    Broo I am having problem at the delete part it is not working I did the same as you did
    And at the create part when we remove the initial data we have given for me it is showing blanks at that particular position it is not completely going off I am talking about table we have initialized first

    • @27meghana42
      @27meghana42 2 ปีที่แล้ว

      Please help me out with this

    • @letsprogram30
      @letsprogram30  2 ปีที่แล้ว

      @@27meghana42 connect with me on telegram will help you there

  • @gladwinbengar5489
    @gladwinbengar5489 2 ปีที่แล้ว

    24.31 .pipe(map()) there is a error help me to clear that error bro

  • @kavyagowda6741
    @kavyagowda6741 ปีที่แล้ว

    Add button is not working someone please help

  • @anandk3807
    @anandk3807 2 ปีที่แล้ว

    @let's Program popup window is not working....

    • @letsprogram30
      @letsprogram30  2 ปีที่แล้ว

      Try using the latest bootstrap

  • @ABHISHEKJAISWAL-bu6rg
    @ABHISHEKJAISWAL-bu6rg 3 ปีที่แล้ว

    Subscribe is not gettling called after i write .subscribe it is appearing single cross

  • @danieldietrich9019
    @danieldietrich9019 2 ปีที่แล้ว

    Thank you for the video. But can't add data to the json server. I see new entries in json file, but the values are empty. Can you help out here?

    • @letsprogram30
      @letsprogram30  2 ปีที่แล้ว

      Connect with me on telegram will help you there 🙂

  • @sravaninallabelli1251
    @sravaninallabelli1251 2 ปีที่แล้ว +1

    Please do video on adding and deleting multiple files in angular