domain-manager/app/scripts/directives/footer.js

"use strict"

angular.module('domainManagerApp')
  .directive('footer', function () {
      return {
          restrict: 'A', //This menas that it will be used as an attribute and NOT as an element. I don't like creating custom HTML elements
          replace: true,
          templateUrl: "../../views/footer.html",
          controller: ['$scope', '$filter', function ($scope, $filter) {
              // code goes here
          }]
      }
  });