title: Angular 2 surrounding an input tag with div via directive
body: <p>I'm trying to create a directive which takes an input element and surrounds it with a div, so for example, my html would be something like:</p>
  
  <pre><code>&lt;input type="text" class="form-control" inputWrapper /&gt;
  </code></pre>
  
  <p>and the desired outcome:</p>
  
  <pre><code>&lt;div class="input-wrapper"&gt;
      &lt;input type="text" class="from-control" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Directive:</p>
  
  <pre><code>@Directive({
      selector: '[inputWrapper]'
  })
  export class InputWrapperDirective {
      constructor(private viewContainerRef: ViewContainerRef, private elementRef: ElementRef) {
          // what goes here?
      }
  }
  </code></pre>