Materializecss multiple select no change change in Angular 2

Question

Использование materializecss «множественный выбор» не срабатывает change. Как вы можете привязать метод, когда изменяется выбор.

Следующий код не срабатывает.

HTML 
<select id="booger" multiple> 
    <option value="1">{{articleIdLabel}}</option> 
    <option value="2">{{articlePubDateLabel}}</option> 
    <option value="3">{{articleTitleLabel}}</option> 
    <option value="4">{{articleViewDateLabel}}</option> 
</select> 

---

Component 
ngAfterViewInit() { 
    $("#booger").material_select(); 
} 

change() { 
    console.log("change"); 
} 

Answer 1

Я был в состоянии решить эту проблему со следующим изменением в мой код:

Component 
ngAfterViewInit() { 
    $("#booger").material_select(this.change.bind(this)); 
} 

change() { 
    console.log("change"); 
} 

Answer 2

Используйте этот код. Его работа для меня

<div class="input-field col s12"> 
    <select formControlName="status" [(ngModel)]="selectedStatus" materialize="material_select"> 
     <option [ngValue]="" disabled>Select</option> 
     <option [ngValue]="1">Enable</option> 
     <option [ngValue]="0">Disable</option> 
    </select> 
    <label>Status</label> 
</div>