title: Multiple select in materialize-css with angular2 not rendering dynamic values
body: <p>I am using <strong>angular2-materialize</strong> with <strong>materialize-css</strong> to work with <strong>angular2</strong>. Everything <strong>works fine even the normal select component</strong> .
  <strong>the problem is with multiple select</strong> <strong>it doesn't render the dynamic values</strong> , I don't understand if its the issue with the initializing object or something else as it works for a normal select but if i add static options and after rendering if I click that option then <strong>change event is called and then if I click it again all those dynamic values gets added to the combo</strong>. </p>
  
  <p>Below is my code but if there is not any proper solution i can work with any <strong>workaround</strong> or any other framework than materialize-css which is tested and works proper with angular2.</p>
  
  <pre><code>  &lt;div class="form-group"&gt;
              &lt;!--if i remoe multiple it works--&gt;
              &lt;select 
                      materialize="material_select"  
                      multiple 
                      (ngModelChange)="change($event)" 
                      [ngModel]="prodmodel.CategoryId"
                      ngControl="CategoryId" #catid="ngForm"&gt;
                  &lt;!--This options are not rendering--&gt;
                  &lt;option *ngFor="#p of categories"
                          [value]="p.id"&gt;
                      {{p.CategoryTitle}}
                  &lt;/option&gt;
                  &lt;!--This option will render and if i click it above options will render too but not in oproper way--&gt;
                  &lt;option value="0"&gt;chhose&lt;/option&gt;
              &lt;/select&gt;
              &lt;label&gt;select Category &lt;/label&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p><strong>My function to get categories</strong>:</p>
  
  <pre><code>    getCategories() {
      this._Categories.getCategories()
          .subscribe(
          Categories=&gt; this.Categories= Categories,
          error =&gt; this.errorMessage = &lt;any&gt;error);
    }
  </code></pre>