title: How to replace the element with ng-transclude
body: <p>Is it possible to replace the element with <code>ng-transclude</code> on it rather than the entire template element?</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div my-transcluded-directive&gt;
      &lt;div&gt;{{someData}}&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Directive:</strong></p>
  
  <pre><code>return {
      restrict:'A',
      templateUrl:'templates/my-transcluded-directive.html',
      transclude:true,
      link:function(scope,element,attrs)
      {
  
      }
  };
  </code></pre>
  
  <p><strong>my-transcluded-directive.html:</strong></p>
  
  <pre><code>&lt;div&gt;
      &lt;div ng-transclude&gt;&lt;/div&gt;
      &lt;div&gt;I will not be touched.&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I am looking for is a way to have <code>&lt;div&gt;{{someData}}&lt;/div&gt;</code> replace <code>&lt;div ng-transclude&gt;&lt;/div&gt;</code>. What currently happens is the transcluded HTML is placed <em>inside</em> the <code>ng-transclude</code> div element.</p>
  
  <p>Is that possible?</p>