title: Directive scope attributes without an isolated scope in AngularJS
body: <p>Is there a way of inheriting the parent scope while <strong>extending</strong> it with passed attributes?</p>
  
  <p>I want to pass parameters to a reusable directive directly from the template without having to alter the DOM in the linking function.</p>
  
  <p>For example:</p>
  
  <pre><code>&lt;form-input icon="icon-email" label="email" ng-model="data.input"&gt;&lt;/form-input&gt;
  </code></pre>
  
  <p>For a directive like this:</p>
  
  <pre><code>    &lt;div class="form-group"&gt;
        &lt;label&gt;{{label}}&lt;/label&gt;
        &lt;div class="input-group"&gt;
          &lt;div class="{{icon}}"&gt;@&lt;/div&gt;
          &lt;input class="form-control" placeholder="Email" ng-model="mail.email"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>ng-model is in the parent scope, controlling an entire form in this case, but I don't think it's necessary to store styling attributes in the controller.</p>
  
  <p>Is there a way of passing parameters directly in the template without creating an isolate scope?</p>