title: Angularjs templateUrl vs template scope issue
body: <p>I ran into a strange behaviour on angular.
  when creating a directive if i use</p>
  
  <pre><code> mod.directive('test', [function(){
       return {
           restrict: 'E',
           templateUrl: '/test/test.html',
           transclude: true,
           controller: ['$scope',function($scope){
               //$scope equals containing scope of directive. why???
           }]
       };
   }]);
  </code></pre>
  
  <p>$scope is the same scope (not inherited) as containing scope of directive.</p>
  
  <p>but if i create directive as</p>
  
  <pre><code> mod.directive('test', [function(){
       return {
           restrict: 'E',
           template: '&lt;div&gt;&lt;div ng-transclude /&gt;&lt;/div&gt;',
           transclude: true,
           controller: ['$scope',function($scope){
               //$scope is new. inherited from container scope
           }]
       };
   }]);
  </code></pre>
  
  <p>only difference is template vs templateUrl. "templateUrl" one uses parent scope but "template" one creates a new scope. i dont understand why. could this be an angular bug?</p>
  
  <p>thanks already</p>
  
  <p>Edit: i am using Angular 1.3.0-beta.7</p>
  
  <p>Big-Edit: i am using another directive on same element as @estus mentioned.</p>
  
  <pre><code>&lt;test other-directive&gt;&lt;/test&gt;
  </code></pre>
  
  <p>other-directive is defined as scope:true. but it doesn't create a new scope when used with templateUrl on test directive.</p>
  
  <p>Edit: Sample plnkr <a href="http://plnkr.co/edit/Kghah1rvwFE6TSw85Cog?p=preview" rel="nofollow">http://plnkr.co/edit/Kghah1rvwFE6TSw85Cog?p=preview</a> (templateUrl)</p>
  
  <p>plnkr -> <a href="http://plnkr.co/edit/Axiye1ksBMR8dp9ND8tL?p=preview" rel="nofollow">http://plnkr.co/edit/Axiye1ksBMR8dp9ND8tL?p=preview</a> (template)</p>