How to populate an Angular select option list?

Question

Angular

How to populate Angular select option list on click?

<div *ngFor="let order of orders"><select (click)="load(order.id)"></select></div>

How to populate the select list for each row with data from the server without modifying the original orders:

load(id: number) {
      this.service.load(id).subscribe((res) => {});
}

I use mat-select

Answer 1

What do you have in orders?

<mat-select formControlName="Orders">
<mat-option *ngFor="let order of orders" [value]="order.id">
 {{order.name}}
</mat-option>
</mat-select>

orders = [{id:1,name: "bla1"},{id:3,name: "bla2"},{id:3,name: "bla3"}]

If needed, select has (change) if it is necessary, for example, to send a request every time it changes...
(change)="doSmth($event.target.value)"