Ion-header-bar Partial with seperate controller?

ionic-v1
1

Hello everyone,

I want to have ion-header-bar and footer-bar in seperate partials so i can include them in all pages and i don’t repeat myself, my header and footer partial have their own controllers!

Can somebody show me how to include these partials? Thanks!

header.js partial

(function () {
  'use strict';
 
  function headerCtrl($scope) {
      alert('i am header');
  }

   angular.module('starter.header', [])
   .controller('HeaderCtrl', headerCtrl);
})();

footer.html partial
`


Left Button

Title!

Right Button
`