Include a view/template without creation of a new scope. Refined from snippet provided on this stackoverflow entry: http://stackoverflow.com/questions/12393703/how-to-include-one-partials-into-other-without-creating-a-new-scope#answer-17340138. jsFiddle: http://jsfiddle.net/DeanIconWeb/BVXUe/

staticInclude.js

	
	
	module.directive('staticInclude', ["$http", "$templateCache", "$compile", "$parse",function($http, $templateCache, $compile, $parse) {
		return function(scope, element, attrs) {
			var templatePath = $parse(attrs.staticInclude)(scope);

            attrs.$observe("staticInclude", function(value){
                scope.$watch(value, function(templatePath){
                    loadTemplate(templatePath);                    
                });
            });
            
            function loadTemplate(templatePath){
                $http.get(templatePath, {cache: $templateCache}).success(function(response) {
                    element.html(response);
                    $compile( element.contents() )(scope);
                });
            
            }
		};
	}]);