Некоторые клиенты сталкиваются с блокировкой запроса перекрестного происхождения

Я столкнулся с этой проблемой раньше, и я исправил ее с помощью простого метода обходного пути

. Для вашего Component.html

      <select class="form-control" ngValue="op1" (change)="gotit($event.target.value)">

      <option *ngFor="let workout of workouts" value="{{workout.name}}" name="op1" >{{workout.name}}</option>

     </select>

Затем в вашем component.ts вы можете обнаружить выбранные вариант

gotit(name:string) {
//Use it from hare 
console.log(name);
}