Hola! Muy bueno, pero tengo un problema. Al darle click, él me reacciona y se cambia, pero solo por 1 segundo y luego se borra automaticamente. Alguien sabe por que?
No me ha funcionado. cuando hago echo sale la página en blanco. Trabajo desde una MAC y ya he visto varios videos y no me permite cargar nada a la base de datos
Para los que necesiten la transparencia y en general los estilos del componente del modal: .modal{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); z-index: 2; display: flex; justify-content: center; align-items: center; } Pd: Gracias por el vídeo, me ayudaste mucho.
Entonces debería crear n servicios dependiendo del número de modales que tenga en mi app? Ya que si no todos estarías escuchando el mismo observable cierto?
Una pregunta, hay necesidad de usar un servicio para esta funcionalidad ?, es mala practica crear el eventEmitter en el componente hijo ? en este ejmplo que es sencillo no veo la necesidad de crear un servicio ... lo digo por que quiero aplicarlo en un proyecto personal y justo donde lo necesito tampoco veo la necesidad de crear un servicio para esto
Excelente video de calidad, muy bien explicado para que se pueda entender. Segui paso a paso los 5 videos y me ayudaron a entender muchos conceptos de forma muy fácil. Muchas gracias.
Pero no explicas como crear la ventana emergente... Explicas como funcionan los botones de abrir y cerrar, pero no como hacer para que se bloquee la parte de atrás y solo se puedan realizar acciones en la modal...
tengo una curiosidad y necesito que me saquen de duda ya que estoy aprendiendo el mundo del desarrollo de web, y me han enseñado que html , head y body se habre y se cierra y he notado que el body esta cerrado mas no veo el body abierto y esta funcionando bien. pense que eso afectaria ya que el body es la parte que muestra la pagina web, alguien me puede sacar de duda por favor y gracias.
Otra forma de hacer lo mismo: El que quiera probarlo, copie esto dentro del body: <style> .caja{ width: 100px; border: 1px solid #f00; margin: 20px; } .azul .caja{ border: 1px solid #000; background: #00a; color: #fff; } </style> <button onclick="body.classList.toggle('azul')">Click</button> <div class="caja">Hola</div>