Множественный выбор в materialize-css с angular2, не отображающим динамические значения

Я использую angular2-materialize с materialize-css для работы с angular2. Все работает нормально, даже обычный компонент выбора. проблема с множественным выбором он не отображает динамические значения, я не понимаю, проблема в инициализирующем объекте или в чем-то еще, поскольку он работает для нормальный выбор, но если я добавлю статические параметры и после рендеринга, если я нажму на этот параметр, тогда вызывается событие изменения, а затем, если я нажму его снова, все эти динамические значения будут добавлены в комбинацию.

Ниже приведен мой код, но если нет подходящего решения, я могу работать с любым обходным решением или любой другой структурой, кроме materialize-css, которая протестирована и правильно работает с angular2.

  <div class="form-group">
            <!--if i remoe multiple it works-->
            <select 
                    materialize="material_select"  
                    multiple 
                    (ngModelChange)="change($event)" 
                    [ngModel]="prodmodel.CategoryId"
                    ngControl="CategoryId" #catid="ngForm">
                <!--This options are not rendering-->
                <option *ngFor="#p of categories"
                        [value]="p.id">
                    {{p.CategoryTitle}}
                </option>
                <!--This option will render and if i click it above options will render too but not in oproper way-->
                <option value="0">chhose</option>
            </select>
            <label>select Category </label>
        </div>

Моя функция для получения категорий:

    getCategories() {
    this._Categories.getCategories()
        .subscribe(
        Categories=> this.Categories= Categories,
        error => this.errorMessage = <any>error);
  }