Тёмный

Cúal es la diferencia ? ngModel vs Form Control, lucha de titanes ! 😠😠 cúando usar cada uno ? 

Gentleman Programming
Подписаться 59 тыс.
Просмотров 9 тыс.
50% 1

Опубликовано:

 

25 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 57   
@ep4r4
@ep4r4 Год назад
Ufff mano te felicito, me quedo superclaro donde de verdad no me quedaba claro como actuar con el ngModel, no entendia por que los parentesis dentro de los corchetes. Gracias de verdad que gracias me has alentado a seguir. Te ganaste un admirador mas que un suscriptor
@GentlemanProgramming
@GentlemanProgramming Год назад
Gracias beautiful por el mensaje !!! 🥰
@avecesar
@avecesar Год назад
Muchas gracias!! Tremenda explicación! ..... Muchas gracias!
@ricardohernandez-di8iv
@ricardohernandez-di8iv 3 года назад
Tremendo canal te has mandado, de lo mejor que he encontrado. Saludos
@GentlemanProgramming
@GentlemanProgramming 3 года назад
Ufff muchísimas gracias por esas palabras Ricardo !!!!
@sgvbox
@sgvbox 2 года назад
Buenísima explicación!
@GentlemanProgramming
@GentlemanProgramming 2 года назад
Muchas gracias SGV !!!
@brasilpi3664
@brasilpi3664 3 года назад
Muito bom amigo, está muita claro suas explicaçoes. Parabéns
@GentlemanProgramming
@GentlemanProgramming 3 года назад
Muito obrigado !! Eu espero que você goste dos outros vídeos
@tannynogales7080
@tannynogales7080 Год назад
Eres un crack, muchas gss por el video. Hace un tiempo leí que "support for using the ngModel input property and ngModelChange event with reactive form directives has been deprecated in Angular".. La recomendación es dejar de usa NGmodel? Como haces ahora el doble binding?
@GentlemanProgramming
@GentlemanProgramming Год назад
Ojo, “react form directives”, ngModel no es para usarse dentro de un form por eso te dice eso
@anthonymontenegro762
@anthonymontenegro762 2 года назад
Muy bien explicado!
@luissarabia8436
@luissarabia8436 3 года назад
Muy bueno el video 😎😎, habrá alguna forma de hacer que los mensajes de validación sean dinámicos? para por lo menos en el caso que explicas no estar creando varios por cada mensaje
@GentlemanProgramming
@GentlemanProgramming 3 года назад
Muy buena pregunta y es algo que quería hacer en otro video ! practicamente puedes crear un enum con los diferentes mensajes de error y una key que identifique a cada uno, entonces puedes utilizar el nombre de la propiedad del error ( como lo hacemos en el video ) como índice de esa estructura. :D
@luissarabia8436
@luissarabia8436 3 года назад
@@GentlemanProgramming Perfecto 👌, lo intentare y estaré pendiente para cuando subas el video
@MrEldetective007
@MrEldetective007 2 года назад
Si quiero hacer un componente reutilizable(por ejemplo una seleccion de fecha), que recomendarias, ngForm o FormControl. Se puede hacer con ngForm, tendria que pasarle el objeto por @Input? gravias, buena explicacion
@GentlemanProgramming
@GentlemanProgramming 2 года назад
Hola ! Si es solo un componente, es un form control que pasas por input, un ng form es aquel que contiene varios form control. En el padre defines el ng form y en el html pasas cada form control a tu componente
@danielbn5268
@danielbn5268 Год назад
No me ha quedado muy claro cual es la diferencia entre ambos, que con FormControl nos ahorramos varias líneas de código? ¿En el primer caso tenemos que crear un modelo importarlo y luego usar sus propiedades en el formulario? ¿Y en el segundo tenemos que simplemente crear un formControl las propiedades que necesitamos pero no podemos mostrar cambios instantáneos en la vista? ¿Es así no?
@GentlemanProgramming
@GentlemanProgramming Год назад
Se pueden mostrar los cambios ! la idea es que FormControl es una mejor forma de trabajar un input ya que también nos brinda una forma de verificar la información ingresada mediante validadores. Eso es algo que con ngModel no se puede hacer o al menos sin tener que hacer código propio. Y ojo no es que un ngModel o un formControl tienen las propiedades del formulario, cada uno es una propiedad en sí ! ahí está el otro tema, si tenemos que trabajar en un formulario de 20 inputs, tendrías que crear un ngModel para cada uno de ellos y además sus validadores. Con un formBuilder (reactive form) puedes hacer todo en un solo lugar
@luisvanegasdev95
@luisvanegasdev95 3 года назад
Excelente maestro
@GentlemanProgramming
@GentlemanProgramming 3 года назад
Muchísimas gracias Luis !!!
@partakuk
@partakuk 2 года назад
Excelente
@GentlemanProgramming
@GentlemanProgramming 2 года назад
💘💘💘💘
@santiiza
@santiiza 3 года назад
me gustaria saber la funcionalidad bidireccional con el formcontrol, como explicas al utilizar la directiva [(ngModel)]
@GentlemanProgramming
@GentlemanProgramming 3 года назад
Ni un problema Santiago, piensa en el control como un objeto el cual pasas a tu elemento del html. Cuando el usuario ingresa algún valor, Angular escribe el mismo dentro del control por lo que queda guardado ! Si tu pasases ese mismo control a cualquier otro lugar, verías como ese valor ahora aparecerá sobre el nuevo elemento del html. Lo bueno que tienen los controles es que te permiten validar los valores que almacenan, de manera que puedes manejar la información que ingresa el usuario para que cumpla con tus requerimientos e informar en caso de que no lo hagan
@georgematrix5931
@georgematrix5931 Год назад
min 21:28 la respuesta, aun asi esta buena la explicacion
@3djdavid
@3djdavid 3 года назад
Muy buena explicación. Queria preguntarte cual es la mejor manera para usar un input y un img para que al dar clic se abra el explorador y se elija una imagen como preview en la página. O si hay otra manera. Thanks in advance!
@GentlemanProgramming
@GentlemanProgramming 3 года назад
Tu dices una especia de cargar una imagen desde tu computadora en el browser ? Puedes hacerlo de la siguiente manera (o voy a tratar de decirte como jaja): Html: Componente: OnChange(event: any) { if (event.target.files && event.target.files[0]) { var reader = new FileReader(); reader.onload = (event: any) => { this.url = event.target.result; } reader.readAsDataURL(event.target.files[0]); } } Decime si te pude ayudar !!
@3djdavid
@3djdavid 3 года назад
@@GentlemanProgramming ooh, muchas gracias, lo probaré enseguida!
@3djdavid
@3djdavid 3 года назад
@@GentlemanProgramming es algo parecido, pero en este caso lo que quiero es ocultar el input y que solo dando clic a la imagen por defecto ("no image available") se cambie por la imagen buscada.
@GentlemanProgramming
@GentlemanProgramming 3 года назад
@@3djdavid Ah entiendo, entonces algo simple como esto debería de funcionar: Te paso un link con este y más ejemplos: stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image Dime si te pude ayudar !!
@davidcortes4359
@davidcortes4359 2 года назад
hola parcero muy buena esa explicación. una pregunta tengo una tabla con varios valores y le envio por un ngFor y le controlo los valores por ngModel pero aveces no me toma algunos valores, que me recomiendas para hacer hay. gracias y muchos exitos.
@GentlemanProgramming
@GentlemanProgramming Год назад
Hacer un form Array :)
@juanchelini5937
@juanchelini5937 10 месяцев назад
con FormBuilder es mas facil todavia?
@mareasperez7
@mareasperez7 3 года назад
hola amigo sabes me encantaría que hicieras un vídeo del uso de "dotenv" a la Angular way o alguna librería similar para que la "SECRET_KEY" no esté en los "enviroments", suerte. UN saludo muy grande desde Nicaragua
@GentlemanProgramming
@GentlemanProgramming 3 года назад
Anotado !!
@ManuelHernandez-px5bg
@ManuelHernandez-px5bg 3 года назад
Excelente muy entendible
@GentlemanProgramming
@GentlemanProgramming 3 года назад
Muchas gracias Manuel !!
@GentlemanProgramming
@GentlemanProgramming 3 года назад
Y veo que has tratado de comentar y RU-vid te ha sacado los comentarios, si quieres puedes pasarme el código que querías compartir y lo paso por aquí :)
@ManuelHernandez-px5bg
@ManuelHernandez-px5bg 3 года назад
Jajaja si intenté comentar como 2 veces La verda es que me funcionó de maravilla y quería compartirlo ya que con la lógica que nos enseñas en el vídeo pude aplicarlo para validar por separado y en conjunto los atributos de mi formscontrols
@ManuelHernandez-px5bg
@ManuelHernandez-px5bg 3 года назад
Comparto el código por acá como respuesta ?
@GentlemanProgramming
@GentlemanProgramming 3 года назад
@@ManuelHernandez-px5bg dale ! Tratemos a ver si nos deja :)
@sicness0
@sicness0 2 года назад
Gracias... si uso FormControl es posible que la información del usuario aparezca en la consola al inspeccionar, así como ocurre con NgModel?
@GentlemanProgramming
@GentlemanProgramming 2 года назад
Hmm no deberías de poder ver dicha información a menos que uses un console.log(), o alguna herramienta como angular dev tools :)
@sicness0
@sicness0 2 года назад
@@GentlemanProgramming ok muchas gracias por la respuesta. Te puedo hacer otra pregunta? Tengo la virtualización activada desde la bios, aún así no puedo instalar el vmx porque me dice que mi sistema no cumple con los requerimientos, por lo tanto no puedo montar mi app en android studio. He buscado la solución por todos lados y nada me ha funcionado. Qué podría hacer para poder instalar el vmx?
@GentlemanProgramming
@GentlemanProgramming 2 года назад
Hmmm te invito en este caso a la comunidad de discord, por ahí alguien de la misma te puede ayudar :)
@wanchuchos
@wanchuchos 3 года назад
PErfect!!!
@GentlemanProgramming
@GentlemanProgramming 3 года назад
Gracias !!! :D
Далее
React Three Fiber (R3F) - The Basics
1:10:56
Просмотров 78 тыс.
Become a bash scripting pro - full course
36:00
Просмотров 63 тыс.
3 лайфхака для УШМ
01:00
Просмотров 149 тыс.
Control Container, Reusable Reactive Form🤯
1:03:15
Просмотров 2,2 тыс.
Godot Ocean Waves
6:40
Просмотров 10 тыс.
How to Make Forms in Angular REUSABLE (Advanced, 2023)
21:10
3 лайфхака для УШМ
01:00
Просмотров 149 тыс.