Sé que el título puede confundirte.
Tengo un ParentComponent llamado ChildComponent .
ChildComponent usando eval para hacer algunas cosas. Y lo peor es que el valor de eval puede pasar por los usuarios.
Tal vez los usuarios ingresen algo malo para toda la aplicación, así que estoy tratando de evitarlo.
La primera solución que me viene a la cabeza es cargar ChildComponent en un iframe (como un código-sandbox), para que pueda proteger mi aplicación (cualquier cosa eval solo afecta el iframe ).
Pero tiene algunos problemas: los estilos no se podían cargar correctamente.
Pregunté sobre ese problema pero no obtuve respuesta . ¿Cómo cargar completamente un componente Angular en un iframe?
Estoy atascado, cualquier idea para mi problema es realmente apreciada
Primero, un iframe no previene nada.
Simplemente puede llamar a window.parent para obtener una referencia a la ventana principal.
En segundo lugar, esto parece un problema XY : no pida ayuda sobre lo que USTED cree que es la mejor solución, sino que explique el objetivo que está tratando de lograr.
Finalmente, sepa que eval NUNCA será seguro, por lo que debe usarlo bajo su propio riesgo.
Pero, de nuevo, JS en su conjunto no es seguro, solo puede abrir las herramientas de desarrollo y piratear cualquier sitio web.