Creating complex header and footer for my angular pages

We have a website of 30+ different pages.

All pages have the same header and footer.

The header and footer each contain a lot of logic and calls to nodejs for data.

How would I go about doing this in a smart way in Angular. Right now there is too much copy/paste and I see the same code again and again.

Should I write a header/footer controller and then call them on each page?

Or is there a way to setup header/footer once, and keep them cached for all pages (they rarely change)?

via torbenrudgaard