Eu tenho esse aplicativo AngularJS. Tudo funciona bem.

Agora preciso mostrar pop-ups diferentes quando condições específicas se tornarem verdadeiras e fiquei me perguntando qual seria a melhor maneira de prosseguir.

Atualmente estou avaliando duas opções, mas estou absolutamente aberto a outras opções.

Opção 1

Eu poderia criar o novo elemento HTML para o pop-up e acrescentar ao DOM diretamente do controlador.

Isso quebrará o padrão de design do MVC. Não estou feliz com esta solução.

opção 2

Eu sempre poderia inserir o código para todos os pop-ups no arquivo HTML estático. Então, usandongShow, Posso ocultar / mostrar apenas o pop-up correto.

Esta opção não é realmente escalável.

Então, tenho certeza que tem que haver uma maneira melhor de conseguir o que eu quero.