title: How do I initialize angular2 materialize component?
body: <p>I just started using angular2 materialize and the CSS components work fine. However when I include a component that needs initialization (such as select) I have no idea how or where to do that.</p>
  
  <p>This is a snippet of my form:</p>
  
  <pre><code>&lt;div class="input-field col s12"&gt;
      &lt;select&gt;
          &lt;option value="" disabled selected&gt;Choose your option&lt;/option&gt;
          &lt;option value="1"&gt;Option 1&lt;/option&gt;
          &lt;option value="2"&gt;Option 2&lt;/option&gt;
          &lt;option value="3"&gt;Option 3&lt;/option&gt;
      &lt;/select&gt;
      &lt;label&gt;Materialize Select&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My component looks something like this:</p>
  
  <pre><code>import {Component, ElementRef, Inject, OnInit} from '@angular/core';
  import {MaterializeDirective} from "angular2-materialize";
  
  declare var jQuery:any;
  
  @Component({
      selector: 'bsi-signup',
      styleUrls: ['assets/styles/app.component.css'],
      templateUrl: 'assets/templates/signup.component.html',
      directives: [MaterializeDirective],
      providers: []
  })
  
  export class SignupComponent implements OnInit {
      elementRef: ElementRef;
  
      constructor(@Inject(ElementRef) elementRef: ElementRef) {
          this.elementRef = elementRef;
  }
  
      ngOnInit() {
          jQuery(this.elementRef.nativeElement).find('select:not([multiple])').material_select();
      }
  }
  </code></pre>