Edición 2022-01-21
Es factible y 100 porciento seguro. Actualmente lo utilizo en producción. El fichero a modificar que leerá angular se carga dinámicamente en el servidor. Lo único a tomar en cuenta que no debe exponer datos sensibles como contraseñas.
Se puede realizar, pero tienes que complicar el flujo de trabajo.
Voy a listar los pasos que he tratado de recrear con una misma intención pero en un servidor de nodejs de manera muy general.
- Se requiere crear un archivo de script que angular lea y agregue a los archivos del build.
- Compilar angular.
- El contenido de la carpeta build se debe servir como contenido estático para que pueda ser accessible ( obviando que esto debe ser desde el servidor del cual quieres obtener las variables de ambiente )
- Tu servidor, al arrancar, debe de modificar la estructura del archivo previamente asignado a angular. Por defecto angular confiara en este fichero.
Contras
- Puedes generar errores graves si no defines bien las variables.
- Requiere mucha más lógica en angular
- Problemas de seguridad desconocidos
Pros
- No lo he usado en producción, sorry...
Puedes leer más acerca de esto en este post.