Ion-header-bar Partial with seperate controller?

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


Right Button