Forms in Angular - Learning Angular (Part 7)

Sdílet
Vložit
  • čas přidán 4. 05. 2023
  • Learn about Angular forms, formGroups and formControls. Watch a step by step guide on how to bind a formGroup to an HTML form, retrieve the data and pass it to other parts of the application, and more!
    Resources:
    Completed code for this lesson → goo.gle/3LUClhF
    Watch the next episode, HTTP in Angular → goo.gle/3VGL0sj
    Watch more episodes of Learning Angular→ goo.gle/Learning-Angular
    Subscribe to Angular → goo.gle/Angular
    #Angular
  • Zábava

Komentáře • 20

  • @Angular
    @Angular  Před rokem +1

    Watch more episodes of Learning Angular→ goo.gle/Learning-Angular

  • @Centrifuze
    @Centrifuze Před měsícem

    Dunno if this is a version issue or not, but at 5:29, I needed to add in between the button and .

  • @MarfTaylor
    @MarfTaylor Před rokem

    hello there, what happens if I have the form component separated from the app component, do I need to pass the classes again to the imports array ?

  • @diprefranco
    @diprefranco Před 5 měsíci +2

    5:38 best part

  • @teemusekki1743
    @teemusekki1743 Před 3 měsíci

    I don't have any clue about Angular debuging since I'm just starter. But it seems that after clicking Learn more I have some kind a parsing error but in vscode doesn't show any errors and yesterday it worked before adding form. So I asume that have some mistakes in my form but it seems similar that this example.

  • @pogchamper228
    @pogchamper228 Před 7 měsíci +2

    5:31 close the "form" tag.

  • @jediampm
    @jediampm Před rokem +4

    Hi,
    again inline template too big, it should be in separate file.
    Or at least the form should be in a new component and you could take advantage to teach how emit events.
    Like in Angular docs, here in this video, for a form so simple and without validation make no sense use / teach reactive form for beginners.
    A template driven form or even without it would be enough. This way some junior dev or other devs that use other frameworks think that Angular learning curve is big. Because in tutorial for beginners you are teach advance things like reactive forms. This is valid form this tutorial and for Angular docs.
    So please start and keep it simple.
    Thanks you.😥

  • @Himanshubishnoi-td3nh
    @Himanshubishnoi-td3nh Před 5 měsíci +1

    Angular make Java Brains angular Playlist as your default video documentation.

  • @teemusekki1743
    @teemusekki1743 Před 3 měsíci

    I add some console.log in getHousingLocationById and seems that function got right parameter. ERROR Error: Uncaught (in promise): InvalidCharacterError: String contains an invalid character...first line of console error

  • @kushansumanaweera7086
    @kushansumanaweera7086 Před 8 měsíci +2

    time stamp 05.31, you forgot to close form tag

  • @albrough
    @albrough Před rokem

    @4:52, should it not be

    • @Angular
      @Angular  Před rokem

      Yes, that's correct! That's a typo that we've corrected in the code. Good catch.

  • @gillesashley9314
    @gillesashley9314 Před 7 měsíci +3

    As a React developer, I wanted to learn Angular, but this series just killed my morale, Angular is overwhelming. It has so many part you need to understand.

    • @michamiek4455
      @michamiek4455 Před 6 měsíci +1

      Its similar to react hook form control method

    • @foxdie8106
      @foxdie8106 Před 6 měsíci +3

      I agree, but angular's form are powerful, you can do a lot of things. It kills react forms.

    • @user-qv3ig2lh5r
      @user-qv3ig2lh5r Před 6 měsíci

      look at the Angular 'template driven forms' approach. They are simple yet powerful. I don't know why they keep pushing the imperative 'reactive' forms approach like this is 1994 Windows development.

  • @user-qv3ig2lh5r
    @user-qv3ig2lh5r Před 6 měsíci +1

    This should have been about template driven forms. So called 'reactive' forms are a step backwards for webdev IMHO and more complicated.

  • @djrandomoficial4901
    @djrandomoficial4901 Před 5 měsíci

    Kd os BR

  • @NaomiNos
    @NaomiNos Před 2 měsíci

    I'm getting Can't bind to 'submit' since it isn't a known property of 'form'.ngtsc(-998002) and it doesn't let me to use [submit] in brackets. Removing [] doesn't do anything.

  • @teemusekki1743
    @teemusekki1743 Před 3 měsíci

    After adding form I got error this again Learn more. Some kind parse error