Можно ли получить номер опции, выбранной в элементе управления формой, через прослушиватель изменений?

Question

Это пользовательское определение средства визуализации ячеек:

выпадающий сотовый renderer.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-drop-down-cell-renderer',
  templateUrl: './drop-down-cell-renderer.component.html',
  styleUrls: ['./drop-down-cell-renderer.component.css']
})
export class DropDownCellRendererComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }
 params: any;

  agInit(params: any): void {
    this.params = params;
  }

  public RefreshRisqueBrutColumn() {
    console.log('LISTENER WORKS')
  }
}

выпадающий клеток renderer.component.html

<select class="form-control"  (change)=" RefreshRisqueBrutColumn();">
    <br>
    <option>1- Très improbable</option>
    <option>2- Peu probable</option>
    <option>3- Possible</option>
    <option>4- Probable</option>
</select>

Что я хотел бы сделать, это: Извлеките и зарегистрируйте номер опции, выбранной в элементе управления формой, через прослушиватель изменений.
То есть:
Пользователь выбирает вариант 0: консоль будет регистрировать: 0
Пользователь выбирает вариант 1: консоль будет регистрировать: 1
И так далее, и тому подобное.
Мне интересно, могу ли я сделать это изначально. Или я должен написать дополнительный код в файле машинописи.
Спасибо!

Answer 1

Вы можете передать $event при вызове функции, а использование $event.target.value выглядит так:

RefreshRisqueBrutColumn($event);

public RefreshRisqueBrutColumn(event) {
    console.log('LISTENER WORKS', event.target.value)
  }