title: AngularJS directive transclude scope=false?
body: <p>How to prevent directive with transclude to create new scopes?</p>
  
  <p>This <a href="http://jsfiddle.net/RHLzK/" rel="nofollow noreferrer">jsfiddle</a> I cant bind anything due to the new scopes illustrated with red borders.</p>
  
  <p><strong>Html:</strong></p>
  
  <pre><code>&lt;div ng-app="components"&gt;
      &lt;input ng-model="var"&gt;
      &lt;block&gt;
          123
          &lt;input ng-model="var"&gt;
      &lt;/block&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JavaScript:</strong></p>
  
  <pre><code>angular.module('components', []).directive('block',function(){
      return{
          scope:false,
          replace:true,
          restrict:"E",
          transclude:true,
          template:'&lt;div class="block" ng-transclude&gt;&lt;/div&gt;',
          link:function(scope, el, attrs, ctrl){
  
          }
      }
  });
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.ng-scope{
    border:1px solid red;
      margin:10px;
  }
  </code></pre>