Tengo esta aplicación AngularJS. Todo funciona bien.

Ahora necesito mostrar diferentes ventanas emergentes cuando se cumplan ciertas condiciones específicas, y me preguntaba cuál sería la mejor manera de proceder.

Actualmente estoy evaluando dos opciones, pero estoy absolutamente abierto a otras opciones.

Opción 1

Podría crear el nuevo elemento HTML para la ventana emergente y agregarlo al DOM directamente desde el controlador.

Esto romperá el patrón de diseño MVC. No estoy contento con esta solución.

opcion 2

Siempre podría insertar el código para todas las ventanas emergentes en el archivo HTML estático. Entonces, usandongShow, Puedo ocultar / mostrar solo el pop-up correcto.

Esta opción no es realmente escalable.

Así que estoy bastante seguro de que tiene que haber una mejor manera de lograr lo que quiero.