ngGridDirectives.directive('ngHeaderCell', ['$compile', function($compile) { var ngHeaderCell = { scope: false, compile: function() { return { pre: function($scope, iElement) { iElement.append($compile($scope.col.headerCellTemplate)($scope)); } }; } }; return ngHeaderCell; }]);