He estado intentando implementar el encabezado / pie de página en una aplicación Angular JS. Estaba pensando en agregar estos como ng-include en el index.html principal. Sin embargo, esto hubiera funcionado si el encabezado y el pie de página fueran páginas estáticas. Mi caso es ligeramente diferente ... En la página de inicio de sesión no se muestra el encabezado / pie de página. Otras páginas, dependiendo de si ha iniciado sesión o no, debe mostrar "Bienvenido usuario [cerrar sesión]" o "Bienvenido invitado [iniciar sesión]".

Guardo la información de inicio de sesión en el rootScope y configuro un $ rootScope.isLoggedIn booleano al iniciar sesión. El mayor problema parece ser que toda la inclusión de ng no se actualiza en un cierre de sesión. Por lo tanto, los divs con directivas ng-show hide no se ocultarán / mostrarán en el cambio. Alguien sugirió usar ng-switch - también se comporta de la misma manera.

Si muevo el código del encabezado dentro de las vistas individuales, entonces todo está bien.

Una pregunta similar está aquí:Actualizar página de cabecera en angularjs