Angular JS - How to handle duplicated HTML code like headers/footers?

Question

I just read the introduction to Angular JS but I didn\'t see anything about a way to code up your HTML header code and footer code just once and have it included in all of your

Answer 1

If you are creating a single-page web application (say, with bookmarkable views/pages using $routeProvider), you can put your header and footer directly into index.html (or use ng-include) and then use ng-view to switch between views/pages:

   


   ... header here, or use ng-include ...
   

   ... footer here, or use ng-include ...