Отправить выбранный вариант в прокручиваемом виде <select>в Angular

Question

Итак, вот мой html код:

<div class="container">
  <div>
    <h1 class="table-title">Employees</h1>
    <table class="table">
      <thead class="thead-dark">
        <tr>
          <th>User Name</th>
          <th>Email</th>
          <th>Role</th>
          <th>References</th>
        </tr>
      </thead>

      <tbody>
        <tr *ngFor="let tempEmployee of employees">
          <td class="align-middle">{{ tempEmployee.userName }}</td>
          <td class="align-middle">{{ tempEmployee.email }}</td>
          <td class="align-middle">{{ tempEmployee.roleId }}</td>
          <td class="align-middle">
            <a routerLink="/projects">Assigned Projects</a>
            <br />
            <a href="#">Assigned Tickets</a>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div>
    <h4>Select 1 or multiple users</h4>
    <select id="user-list" multiple size="employees.length" >
      <option
      *ngFor="let employee of employees; let indexOfEmployee=index;"
      value="indexOfEmployee"
      >{{ employee.userName }}</option>
    </select>
    <button id="submit" type='submit' class="btn btn-primary" (click)="onSubmit()">Submit</button>
  </div>
</div>

Я не понимаю, как я могу узнать, выбран ли параметр, чтобы в компоненте функции onSubmit () я мог проверить, есть ли вариант выбран и отправить его. Также можно выбрать несколько вариантов. Я попытался console.dir для элемента option, чтобы узнать, есть ли у него свойство selected, но, возможно, мне что-то не хватает.

Answer 1

быстро и легко javascript:

for(var i = 0; i < document.getElementById("user-id").length; i++){
  if(document.getElementsByTagName("option")[i].selected == true){
    console.log("selected")
  }
}