title: Angular: Building a directive and remove attribute from root element
body: <p>Is it possible to do something like this:</p>
  
  <p><code>&lt;field:text id="foo" label="Foo Label" model="model.foo" placeholder="foo" /&gt;</code></p>
  
  <p>which would be compiled to:</p>
  
  <pre><code>&lt;div class="control-group"&gt;
     &lt;label class="control-label" for="foo"&gt;Foo Label&lt;/label&gt;
     &lt;div class="controls"&gt;
        &lt;input type="text" id="foo" placeholder="foo" ng-model="model.foo"&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried to make a example, but Plunker wouldn't let me save my example... uploaded it to dropbox: <a href="https://dl.dropbox.com/u/2862814/plunk.zip" rel="nofollow">https://dl.dropbox.com/u/2862814/plunk.zip</a></p>
  
  <p>The example breaks with stuff like ng-change. This is due the compilation of the ng-change directive. I tried it with a high priority to the fieldText directive, but doesn't fix it.</p>