Угловой атрибут get get target

Question

У меня есть таблица в моем угловом приложении с использованием библиотеки ag-grid, Я добавляю столбец в эту таблицу для Actions это выпадающий список действий, которые вы можете выполнить с этим конкретным элементом строки.

Раскрывающийся список находится в строке, как и ожидалось, я просто пытаюсь определить, какой вариант выбран в раскрывающемся списке.

// Component
public onRowClicked(e) {

if (e.event.target !== undefined) {

  let data = e.data;
  let target = e.event.target;
  let actionType = target.options[target.selectedIndex].getAttribute("data-action-type");

  console.log(target)

  switch (actionType) {
    case "view":
      return this.onActionViewClick(data);
    case "remove":
      return this.onActionRemoveClick(data);
  }
}
}

// HTML
<select class="form-control">
  <option></option>
  <option value="blah" data-action-type="view">Test</option>
</select>

мой console.log поскольку цель возвращает HTML-код для элемента select, поэтому я знаю, что он нацелен правильно.

Моя проблема в том, что когда я меняю раскрывающийся список на testничего не срабатывает. Однако, как только я снова щелкну раскрывающееся меню, чтобы изменить его, onActionViewClick уволен правильно.

Любая идея, почему это не срабатывает при первом выборе опции? Я предполагаю, что onRowClick немедленно проверяет, чтобы найти выбранную опцию, но ее нет, пока не изменится выпадающий список. Также рассмотрим событие изменения.