Угловой выбор материала не связывает правильно значение объекта

Question

У меня есть очень простой угловой компонент выбора материала, который заполнен массивом объектов. Я попробовал двустороннее связывание с ngModel и атрибутом выбора компонента, но оба не работают должным образом.

Что я ожидаю: Изменение выбранного параметра обновляет значение ngModel соответствующим образом.

Что на самом деле происходит: Изменение выбранной опции запускает метод изменения выбора, но не обновляет связанный атрибут.

Как воспроизвести: Выберите Option2, а затем вернитесь к Option1, играйте только с двумя вариантами.

Где воспроизвести: https://stackblitz.com/edit/angular-qpk2di

Answer 1

Так что ваша ошибка на самом деле не так уж сложна, вы неправильно использовали скобки [()]

1. [] - привязать значение к переменной
2. () для обработки событий

вы использовали обработчик событий и «databinder» для значения [(value)], но вы хотите связать только

[value] = "selected option"

событие обрабатывается событием (selectionOnChange)="handleYourEvent()"