Angular 7: Как вызвать функцию при изменении значения элемента <select>?

Question

У меня есть HTML-элемент в шаблоне компонента, и мне нужно вызвать функцию в моем файле машинописи для компонента, когда выбранная опция изменяется.

То, что я пробовал до сих пор:

1. Поместить (щелкнуть) на выбор.Это не сработало, потому что срабатывает при нажатии кнопки выбора до выбора опции.

2. Поместить (щелкнуть) элемент select.По какой-то причине это не сработало.

Вот что я пытаюсь сделать:

        <select name="sort-by" 
                id="sort-by" 
                class="form-control"
                (<someEvent>)="myFunc()">
          <option value="lotNumber" >Lot Number  </option>
          <option value="firstName" >First Name  </option>
          <option value="lastName"  >Last Name   </option>
        </select>

Answer 1

Этого можно добиться с помощью события (change). Это вызовет myFunc() всякий раз, когда выбранная опция изменяется.

<select name="sort-by" id="sort-by" class="form-control" (change)="myFunc()">
     <option value="lotNumber" >Lot Number  </option>
     <option value="firstName" >First Name  </option>
     <option value="lastName"  >Last Name   </option>
</select>