"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 }] } });