How to Create a Dynamic Angular Form from JSON within Ionic

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

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

  • @luismpcunha
    @luismpcunha 3 года назад +2

    Great tutorial, very helpful when retrieving form field rules from a backoffice.

  • @mikha2880
    @mikha2880 2 года назад +1

    if you guys want only display the delete button only when new group was add. do it like this

  • @TheSaceone
    @TheSaceone 3 года назад +2

    Done some things like that in the past and it's always kind of a mess. Nice an clean tutorial on this topic, which I think is very useful when you have server driven apps. With these things in mind is not difficult to go further and render the full UI following a json file from an API. In fact I followed another great tutorial of yours about dynamic components when working on these kind of things. But nothing unusual, Simon always helping!! 😂😂😂
    By the way contratulations on those +37k subs!

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

      Yeah you could actually create the whole UI dynamically - not sure what Apple would think about that :D Thanks for being one super active sub of those 37k!!

  • @FreddyMande
    @FreddyMande 3 года назад +3

    17:37 is there a specific reason to why you didn't use forEach?

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

      No, but I rarely use forEach in general! There are different ways to iterate an array of course!

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

      Haha i wondered that too. In this case the result os the same. I would go with forEach tough

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

    Hey Simon, cool video👍🏻 Teachers of me started playing your videos in class btw.😄

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

      Wow but that's going to work for sure

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

      Lol please capture an image in class next time, would love to see it :D And send greetings to your teacher!

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

    thanks! it's nice tutorial simon, but how about validator error messages ? can we custom it and put in json to ? would love to see this tutorial

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

    Pls simon could u add a dynamic select field to this tutorial or show me how pls..

  • @manish.rawat149
    @manish.rawat149 3 года назад +1

    Great tutorial 👍

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

    This was a great video .. How can we add custom validations and cascading dropdowns

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

    Coincidentally, that was talking yesterday with the Ionic community, we mentioned the topic of Formly, why not use it? Or what would be the difference?

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

      It would be antoher package that you have to use in your app, but sure, using a package to handle this part is possible as well!

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

      ​@@galaxies_dev Thanks for your reply, Simon!

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

    Going through this myself and your video is a huge help. So HUGE THANKS.
    Btw, is there a difference in using the new ctors (like `new FormControl()`) instead of using the injected FormBuilder's functions?

    • @galaxies_dev
      @galaxies_dev  2 года назад +1

      AFAIK the form builder is just the shorter way to implement all of that!

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

    how to connect to metamask
    can you sample for implement with smart contract

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

    How to user realtime database with ionic and mysql bro ?????
    Is websocket?? or there any way ??

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

    I am doing some things like that in my project right now. but I went two-step in by adding a form array inside another form array with a form-group. But I'm getting an error (Error: cannot find control name). I am stuck for a week. PLEASE HELP....

  • @moatazal-ali8589
    @moatazal-ali8589 3 года назад

    Hi , thank you for all videos , if you can helpe me ... when i loading page useing ion-router-link , my app page loaded in twice time ... and all api its loaded more and more time when i usin ion-router-link with ion-search ... i need a help to resolve this problem .. loaded page twice time when i use ion-router-link

  • @ddancorp
    @ddancorp 3 года назад +2

    I would love being part of ionic academy, but in Brazil Dólar is to expensive :(

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

    Can't bind to 'formGroup' since it isn't a known property of 'form' in

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

      Did you import the ReactiveFormsModule?

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

    How can we add a variants in products for an e-commerce application? Could you please add a video with this

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

    thanks lots dood

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

    How to include events?

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

      In the JSON? Well you would have to come up with a new key and parse it correctly in your app to catch specific events!

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

      But how to add those events to my control in html, and how it will call my method on event occurs? Any example please

  • @saq.ib01
    @saq.ib01 2 года назад +1

    need same examples with more options for example: ion-select, ion-radio, ion-checkbox etc.

    • @galaxies_dev
      @galaxies_dev  2 года назад +1

      Sure, will see if I can come up with something in the future!

    • @saq.ib01
      @saq.ib01 2 года назад

      @@galaxies_dev Thanks. waiting.

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

    Please add a video of braintree payment integration in ionic 5

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

      I already got a full course on that inside the Ionic Academy!

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

    can we make a value as default selected in this? like i have a country and there dial code as json data and i want suppose India as default selected then how can we make it? also is it possible like the drop list i make country name visible and after selecting only its dial code will be visible? @simon grimm