💥 Angular TYPED Forms: Are You Using Them Correctly?

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

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

  • @AngularUniversity
    @AngularUniversity  11 месяцев назад +1

    This is my first video made specifically for RUclips, please enjoy. 🙂 A full course on Angular Forms is available here - angular-university.io

  • @WebFluxHub
    @WebFluxHub 3 месяца назад +2

    How is this possible syntactically? TS2729: Property fb is used before its initialization.

  • @nathanf6526
    @nathanf6526 10 месяцев назад +2

    Regarding not explictly using a generic argument, how about if you use a FormControl which is a complex type, and you initialise it with null? The form control's type with be inferred as 'unknown'
    P.s. thanks for the video.

    • @AngularUniversity
      @AngularUniversity  10 месяцев назад +2

      This is true, but for most forms I think it's OK to initialize strings with the empty string, numbers with 0, etc. It greatly simplifies the form declaration. For most practical cases, there is no downside. 👍

  • @happyhappy-jl6yq
    @happyhappy-jl6yq 11 месяцев назад +1

    Awesome content.

  • @borisjenicek6059
    @borisjenicek6059 11 месяцев назад +1

    What if the form is in the child component and you receive data through input, how to declare the form outside the lifecycle method in this way?

    • @AngularUniversity
      @AngularUniversity  11 месяцев назад

      the form is best declared as a member variable, to get the full type safety benefits. Check out this video for more details - ruclips.net/video/it2BZoIvBPc/видео.html

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

    As always great content

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

    Thank you for the excellent video. I was just left with a question regarding FormArray.
    Assuming the suggested "best" way to handle typed forms, how should I deal with FormArrays?
    In a practical example, where in a form there is a FormGroup with the control for the name and a FormArray for a FormGroup of Addresses (with controls for street, city, zip code), how should I declare the FormArray, assuming that initially there are no entries in the FormArray, as the user has not added/pushed any address yet?

    • @AngularUniversity
      @AngularUniversity  10 месяцев назад +2

      If youdon't have any initial values, then that could be a good example of where using an explicit type would work great. My point in the video was, most of the times you can simplify your forms code by removing the explicit types, as long as you have some initial values for the fields.👍

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

      ​@@AngularUniversity So, in this example the FormArray would be a good case of the exception to the "rule". Thank you for the clarification.

  • @RaviMittal84
    @RaviMittal84 11 месяцев назад +1

    What about FormArray?

  • @sivuyilemagutywa5286
    @sivuyilemagutywa5286 11 месяцев назад +1

    Generic is great if you have a complex interface in my opinion

    • @AngularUniversity
      @AngularUniversity  11 месяцев назад +1

      For a more complex form, the type will still be inferred automatically, so not using the generics directly and relying on type inference is actually less work, and it's guaranteed to always be correct. 😊 you can always use generics is needed by some reason, but normally it shouldn't be necessary. In Typescript for many generic-based APIs like the Forms module, many times the generic parameters don't need to be called explicitly, everything happens via type inference. 👍

  • @paulh6933
    @paulh6933 11 месяцев назад

    does ur opinion change if ur form has 10+ fields?

    • @AngularUniversity
      @AngularUniversity  11 месяцев назад +2

      For a larger form, this is even more true, we could really use that extra type safety to make our code safer. I just used a small example here to keep it simple for the video. 👍

  • @msnathan2321
    @msnathan2321 11 месяцев назад

    well devilvered

    • @AngularUniversity
      @AngularUniversity  11 месяцев назад

      Thank you, I'm glad you enjoyed it. 👍 More videos on the way (including shorts), stay tuned. 😊

  • @JohnSourvinos
    @JohnSourvinos 9 месяцев назад +1

    Hi, Vasco. Having the form built *outside* of a function (like ngOnInit), looks ugly and hopefully in a future version this will change.

    • @AngularUniversity
      @AngularUniversity  9 месяцев назад +1

      It's unusual in Angular code indeed and an exception. soon the Angular team will start their work on signal forms, so forms are due for an overhaul 😉

  • @abhikarne
    @abhikarne 7 месяцев назад

    Is it not feasible to use real project , or m I got something wrong