How to Create a Dynamic Angular Form from JSON within Ionic

  Рет қаралды 19,943

Simon Grimm

Simon Grimm

Күн бұрын

Пікірлер: 40
@luismpcunha
@luismpcunha 3 жыл бұрын
Great tutorial, very helpful when retrieving form field rules from a backoffice.
@TheSaceone
@TheSaceone 3 жыл бұрын
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!!
@mikha2880
@mikha2880 2 жыл бұрын
if you guys want only display the delete button only when new group was add. do it like this
@FreddyMande
@FreddyMande 3 жыл бұрын
17:37 is there a specific reason to why you didn't use forEach?
@galaxies_dev
@galaxies_dev 3 жыл бұрын
No, but I rarely use forEach in general! There are different ways to iterate an array of course!
@TheSaceone
@TheSaceone 3 жыл бұрын
Haha i wondered that too. In this case the result os the same. I would go with forEach tough
@ReadyVred
@ReadyVred 3 жыл бұрын
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
@konasandeep
@konasandeep 2 жыл бұрын
This was a great video .. How can we add custom validations and cascading dropdowns
@compellingwisdom
@compellingwisdom 3 жыл бұрын
Pls simon could u add a dynamic select field to this tutorial or show me how pls..
3 жыл бұрын
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 жыл бұрын
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 жыл бұрын
​@@galaxies_dev Thanks for your reply, Simon!
@dominicbachmann4814
@dominicbachmann4814 3 жыл бұрын
Hey Simon, cool video👍🏻 Teachers of me started playing your videos in class btw.😄
@prasadnarayana
@prasadnarayana 3 жыл бұрын
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!
@RamyOsmanBadr
@RamyOsmanBadr 3 жыл бұрын
How to user realtime database with ionic and mysql bro ????? Is websocket?? or there any way ??
@manish.rawat149
@manish.rawat149 3 жыл бұрын
Great tutorial 👍
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Thank you 👍
@narongme
@narongme 3 жыл бұрын
how to connect to metamask can you sample for implement with smart contract
@haarikiran7231
@haarikiran7231 3 жыл бұрын
thanks lots dood
@ddancorp
@ddancorp 3 жыл бұрын
I would love being part of ionic academy, but in Brazil Dólar is to expensive :(
@ivinantony3052
@ivinantony3052 3 жыл бұрын
How can we add a variants in products for an e-commerce application? Could you please add a video with this
@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 жыл бұрын
AFAIK the form builder is just the shorter way to implement all of that!
@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?
@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
@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 2 жыл бұрын
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 жыл бұрын
need same examples with more options for example: ion-select, ion-radio, ion-checkbox etc.
@galaxies_dev
@galaxies_dev 2 жыл бұрын
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
Building a Gmail Clone with Ionic & Angular
56:09
Simon Grimm
Рет қаралды 8 М.
Create a Dynamic Reactive Angular Form with JSON
14:47
Joshua Morony
Рет қаралды 57 М.
Quando A Diferença De Altura É Muito Grande 😲😂
00:12
Mari Maria
Рет қаралды 22 МЛН
路飞做的坏事被拆穿了 #路飞#海贼王
00:41
路飞与唐舞桐
Рет қаралды 14 МЛН
Players push long pins through a cardboard box attempting to pop the balloon!
00:31
How to Cache API Responses with Ionic & Capacitor
30:10
Simon Grimm
Рет қаралды 9 М.
How to Make Forms in Angular REUSABLE (Advanced, 2023)
21:10
Decoded Frontend
Рет қаралды 71 М.
How to Handle User Roles in Ionic Apps with Guard & Directives
36:30
How to Pass Data Between Pages in Ionic Apps using Angular
27:00
Simon Grimm
Рет қаралды 15 М.
Forms in Angular - Learning Angular (Part 7)
9:43
Angular
Рет қаралды 52 М.
Reactive Forms  - The Basics
15:48
Fireship
Рет қаралды 257 М.
Ionic Redirect after Login with Angular Guards
14:24
Simon Grimm
Рет қаралды 11 М.
Quando A Diferença De Altura É Muito Grande 😲😂
00:12
Mari Maria
Рет қаралды 22 МЛН