ngIncludeView.js it'a alternative to ng-include, which load the view & re uses the same scope

ngIncludeView.js

// ng-include-view
// - directive in module ng
//
// This works similar to ng-include and it won't create new scope,
// instead it uses the same level
//
// Example usage:
// <ng-include-view src=""></ng-include-view>


'use strict';

angular
  .module('App', [])
  .directive('ngIncludeView', function($compile, $templateCache) {
    return {
      restrict: "EA",
      link: function($scope, elem, attrs){
        var templateUrl = attrs.src;
        $scope.$watch(templateUrl, function(){
          elem.html($templateCache.get(arguments[0]));
          $compile(elem.contents())($scope);
        }, true);
      }
    };
  });

Great directive, however arguements[0] is undefined for me. Ended up using "attrs.src" instead.

I have updated the defualt ngInclude into ngInsert which behaves same as the original one except it does inherit the scope. You can also set optional argument preserve-scope to make it behave as regular ngInclude
https://gist.github.com/Thorsson/738c46285828ed95fd79