title: Wrap divs around input with directive
body: <p>I need to know if it possible, and in the case of yes how do this.</p>
  
  <p>I've an input in my form like this:</p>
  
  <pre><code>&lt;input type="text" class="form-control" name="dirinput"
         placeholder="Placeholder"
         translate
         translate-attr-placeholder="{{ placeholder }}"
         ng-model-options="{ debounce: 500 }"&gt;
  </code></pre>
  
  <p>I wish to, around this input, wrap divs to manage the label and errors if there's (like showing a string in case of error).
  I need also to be able to put directives at the input element.</p>
  
  <p>At the moment I've to write all this code for each input</p>
  
  <pre><code>        &lt;div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"&gt;
              &lt;div class="form-group label-static"
                   ng-class="{ 'has-error': relatedForm.first_name.$invalid &amp;&amp; relatedForm.first_name.$dirty,
                   'has-success' : relatedForm.first_name.$valid }"&gt;
                  &lt;label for="input-first_name"
                         class="control-label" translate&gt;
                      FIRST_NAME
                  &lt;/label&gt;
                  &lt;input type="text" class="form-control"
                         id="input-first_name" name="first_name"
                         placeholder="First name"
                         ng-model="relatedCtrl.data.first_name"
                         ng-model-options="{ debounce: 500 }"
                         required autofocus&gt;
                  &lt;p class="help-block"
                     ng-if="relatedForm.first_name.$error.required" translate&gt;
                      ERR_FIRST_NAME_REQUIRED
                  &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>If you can see there's a lot of "duplicate" code, and I wander if it possible to avoid this.</p>
  
  <p>Thanks a lot</p>