ользую Angular Material для Angular 4 (4.3.4), и мне нужно подключиться к событию выбора, чтобы очистить ввод и сохранить объект в отдельном списке. Но есть проблема: вывод onSelectChange ВСЕГДА получает первый элемент в качестве параметра! В чем дело?

Вот мой шаблон:

<md-autocomplete [displayWith]="displayRole" #auto="mdAutocomplete">
    <md-option 
        *ngFor="let role of roles | acrole: roleField.value | slice:0:4; let i=index;" 
        [value]="role"
        (onSelectionChange)="AddRole(role)" >
        <div class="label">
          {{role.label}}
        </div>
    </md-option>                    
</md-autocomplete>

А вот моя функция AddRole:

AddRole(role: Role)
{  
   // role is always the first role in the list, no matter which option I clicked on.
   this.selectedList.push(role) 
}