How to load the selected option JSON object from an array by clicking button?

I have typescript file of JSON objects. These JSON objects can be selected as options from a dropdown list. I need to know how to load/instantiate the selected JSON object when the user clicks the button to proceed.

Specifically, I need to understand how to create a function (called ‘loadMovies’) that will create the JSON object selected from the array.

Movies.ts:

export class Movie {
Movies: [];

movies = [
{Genre: "Horror" [...]},
{Genre: "Romance" [...]},
{Genre: "Thiller" [...]},
{Genre: "Adult" [...]},
{Genre: "Action" [...]}
]
}

HTML Dropdown List:

<mat-select placeholder="Select Genre" [(ngModel)]="Movies">
  <mat-option [value]="1">None</mat-option>
  <mat-option [value]="2">Horror</mat-option>
  <mat-option [value]="3">Romance</mat-option>
  <mat-option [value]="4">Thiller</mat-option>
  <mat-option [value]="5">Adult</mat-option>
  <mat-option [value]="6">Action</mat-option>
  <mat-option *ngFor="let m of movies">{{m.Genre}}</mat-option>
</mat-select>

HTML Button:

<button mat-button (click)="loadMovies()" >Create</button>

loadMovies():

?

Any help is greatly appriciated!

Source: New feed
Source Url How to load the selected option JSON object from an array by clicking button?