Angular 10 Tutorial #60 - Reactive Forms - FormGroup, FormControl For Beginners| Angular 10 Tutorial

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

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

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

    You absolutely stunned me. I've watched many people videos on an angular topic. But you explained from scratch. Awesome Man!... Take a bow. Very useful.

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

      Glad it was helpful! Thank you so much Ravi for your kind words

  • @praveenkumarkongari7799
    @praveenkumarkongari7799 3 หลายเดือนก่อน +1

    Excellent explanation sir!!!!!!

    • @ARCTutorials
      @ARCTutorials  2 หลายเดือนก่อน

      Glad you liked it

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

    Thank you for nice explained

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

      Thank you so much Gopal for your support

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

      @@ARCTutorials thank you so much for reply and I have one question

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

      Yes shoot

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

      @@ARCTutorials difference between Rxjs and ngrx ? Which one we need to learn?

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

    Thank you sir really useful for this video...

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

      Thank you Sivaganesh for your kind words!

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

    Hi,
    Can we use form control for the static dropdown

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

    Nice tutorial ..

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

    Hi sir
    Property 'addLoanTypesForm' has no initializer and is not definitely assigned in the constructor.
    addLoanTypesForm : FormGroup;
    Can you please explain Why?

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

      I'm also facing same issue

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

      Newer version of Angular doesn't allow variables to be created without value. Instead of setting object to the FormGroup containing FormControls at OnInit(), put it at: constructor() { "put here" }

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

    Stunning Tutorials, Thank you bro. Well done

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

    Very useful tutorial. Thanks for your contribution

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

    It's really helpful sir thank you 🙏

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

      Thank you so much Durgesh for your kind words.

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

    awsome way of teaching

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

    Awesome explanation thanking you for such wonderful videos

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

      You are most welcome Raj. Happy learning

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

    very well explained 👏

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

    Ur teaching is so simple and easy to understand

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

    Sir ,how to fix this error (property 'addLoanTypesForm' has no initializer and is not definitely assigned in the constructor)?

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

      Hi Giffin. Looks like you have not initialized the form in the component class. Add this line and it should fix the error addLoanTypesForm : FormGroup;

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

      I have included it I am using angular 11

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

      Send me code snippet at soorya.aaradhya@gmail.com

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

      @@ARCTutorials
      Thank you Sir !
      Completed this tutorial ...
      adding this -- "strictPropertyInitialization": false --
      to tsconfig.json file -- compilerOptions -- secion error is gone(from stackoverflow)
      do we get any issue if we use that code line in compiler options

    • @md.mahmudulhasanreza6875
      @md.mahmudulhasanreza6875 3 ปีที่แล้ว +1

      @@giffingeorge5513 i wrote like this in angular 11.
      import {Component, OnInit} from '@angular/core';
      import {FormControl, FormGroup} from '@angular/forms';
      @Component({
      selector: 'app-loan-types',
      templateUrl: './loan-types.component.html',
      styleUrls: ['./loan-types.component.scss']
      })
      export class LoanTypesComponent implements OnInit {
      // addLoanTypesForm: FormGroup;
      addLoanTypesForm = new FormGroup({
      loanName: new FormControl(),
      loanDescription: new FormControl(),
      });
      constructor() {
      }
      ngOnInit(): void {
      }
      // tslint:disable-next-line:typedef
      addLoanType() {
      console.log(this.addLoanTypesForm.value);
      }
      }

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

    Thank you so much, your teaching are on point. you make it so simple to understand by breaking it into simple points

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

    why u initialized formGroup in ngOnInIt() function ? outside also it works fine . please tell me if there a reason behind it?

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

    You are the answer to our prayers 🙏

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

      Thank you so much Haresh for your kind words.

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

    nice work, thank you

  • @AdityaSingh-rn1sx
    @AdityaSingh-rn1sx 3 ปีที่แล้ว +1

    Hi sir, can you help me to find out the video related to parent child component communication video.

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

      Hi Aditya. I missed that in Components, may be will create the videos and share it tomorrow

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

    Tutorial is very amazing

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

    Thanks, Sridhar. Excellent lecture as usual

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

    your teaching method is supper ..

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

    nice

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

    bro when i doing what you said . but i getting error like (Property 'addLoanTypeForm' has no initializer and is not definitely assigned in the constructor.)
    what was this means
    and another some error
    I WAS DOING WHAT YOU SAID BUT I GETTING ERRORS

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

      Just add the type with colon in front of it. Thats all

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

      @@ARCTutorials can you say more clear le
      please

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

      @@DasavenKumarB "strictPropertyInitialization": false in tsconfig.json inside "compilerOptions": {

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

    you're such a caring tutor, you give us homework and solve it for us immediately, i wish i could subscribe twice😀😀😀👍

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

      Your comment brought smile on my face! Thank you for your kind words and support

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

    Keep making such tutorials!! Soon it will reach greater masses!

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

      Thank you so much buddy for your kind words 🙏

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

    Thank you so much sir.....your tutorial is very helpful to implement all your teachings into my work

  • @user-iw2tw4lv4m
    @user-iw2tw4lv4m 2 ปีที่แล้ว

    You did awesome job 👏👍

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

    Way of teaching is perfect, very helpful tutorial

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

    Hi Sridhar,
    You did excellent job for all the beginners like us, really appreciated your work and Thanks for this series.
    Im facing 1 issue from above V60, i hv cross verified twice. The issue is: "Type 'FormControl' is missing the following properties from type 'FormGroup': controls, registerControl, addControl, removeControl, and 3 more."

  • @ShishupalSingh-zb2sk
    @ShishupalSingh-zb2sk 3 ปีที่แล้ว +1

    FormControl and FormGroup are written in capitalize form while using in .ts file, but in camelcase while using in .html file why? Also why fromGroup is in square brackets and formControlName not in square brackets? Pls explain this

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

    what is the use of form control and form group here ?

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

    your this series really helps me a lot.. a big thank you from gujrat ahmedabad

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

    Sir, You were really awesome. Excellent detailed explanation of each and everything clearly. Heartfully Thanking you so much Sir.. Very Good Teaching....

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

      Thank you so much buddy for your kind words 👍

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

    hey, sir, u r amazing the way u explain u r outstanding thanks for making this video for us

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

    Thanks you so much for this series with all the notes. Very helpful

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

    Thank you sir,, for your hard work in making us understand better.

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

    Thank you for the excellent explanation 👍

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

    hello friend. that was such a great explanation!! as a beginner this is so helpful and well explained . thank you so much :)

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

      Thank you so much for your kind words. I have started Angular 14 series also. That will really benefit you. Pls follow that

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

    How to display the contents of textarea of formgroup on DOM?

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

    Property 'addLoanTypesForm' has no initializer and is not definitely assigned in the constructor.ts(2564)
    ye error aa raha hai sir

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

      You just need to add the line above on the compilerOptions in the tsconfig.json file:
      "strictPropertyInitialization": false

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

    i am getting this error "Can't bind to 'fromGroup' since it isn't a known property of 'form' " . I have imported "ReactiveFormsModule" in app module

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

      Make sure that the component you are using, that module has ReactiveFormsModule and you have imported FormGroup in component class

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

      @@ARCTutorials yeah I did everything that you taught in this video but the error was same so I wrote the code outside the onInit() and it worked fine

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

    Thank you so much for this Tutorial videos, its really helpful to understand each and everything in detail.👍

  • @A.shirishKumar
    @A.shirishKumar ปีที่แล้ว

    hi sir i am getting error Can't bind to 'FormGroup' since it isn't a known property of 'form' plz help me sir if possible can share #60 class code sir plz

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

    Thank you sir your tutorial is amazing ❤️❤️
    I have questions when I did the same thing in component it works successfully but when I did the scenario about module user has component adduser the code didn't work untill I removed the [] from formGroup then I didn't see an error but when I use value he didn't recognize it and I import the reactive in user module

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

    Hi , when I do this -> addLoanTypesForm : FormGroup; it shows error.. but when I do this -> addLoanTypesForm !: FormGroup; , it compiles successfully. What is the reason?

  • @williamt.roberts4771
    @williamt.roberts4771 2 ปีที่แล้ว +1

    Again, very good. I want to buy you a coffee!

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

      Thank you so much. U can buy me coffee at www.buymeacoffee.com/arctutorials

  • @SaiKumar-tg6ct
    @SaiKumar-tg6ct 3 ปีที่แล้ว +1

    File/image upload gurinchi video cheyandi mean stack and videos koncham twaraga chesi pettandi chala time tesukuntunnaru meru

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

      Yes will roll it as part of this series soon

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

    hai sir please add notes form video 50 sir to git sir

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

      Hi Devi. Sure. Will add it soon

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

    It's showing me an error Error: loan-types/loan-types.component.ts:10:3 - error TS2564: Property 'addLoanTypesForm' has no initializer and is not definitely assigned in the constructor.
    addLoanTypesForm : FormGroup;
    ~~~~~~~~~~~~~~~~
    and I followed all your steps still showing me an error

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

      I am having this same error. I moved the code he showed from ngOnInit() to constructor() and it seems to work fine, but i don't know enough to know whether doing it this way is bad.

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

    You're explaning everything very clearly with a lot of patience.. Thanks for all the effort 😊

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

    brooooooo
    🧎🧎🧎🧎🧎🧎🧎🧎
    you just made it so easy cant thank you enough !!