angularjs: the preferred way to update multiple viewports

I am looking for the angularjs way to:

while updating the page body with content:

  • update a shared header with alerts
  • update a shared footer with stuff

i cant see an easy way to do this because you can put the ng-view attribute on a single element, but i dont want that element to be the tag because i want have a shared header and footer that is reused between multiple pages.


Basically coming from jinja template inheritance, how does one translate that into angularjs?

I guess you can make use of ng-include for putting header and footer. ng-view is used for the partials that change according to url path.