Как загрузить выбранный вариант объекта JSON из массива, нажав кнопку?

Question

У меня есть машинописный файл объектов JSON. Эти объекты JSON могут быть выбраны в качестве параметров в раскрывающемся списке. Мне нужно знать, как загрузить / создать экземпляр выбранного объекта JSON, когда пользователь нажимает кнопку, чтобы продолжить.

В частности, мне нужно понять, как создать функцию (называемую «loadMovies»), которая будет создавать JSONобъект, выбранный из массива.

Movies.ts:

export class Movie {
Movies: [];

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

Раскрывающийся список HTML:

<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 mat-button (click)="loadMovies()" >Create</button>

loadMovies ():

?

Любая помощь очень ценится!

Answer 1

Вам нужно передать выбранный объект в функцию loadMovies, вы можете передать значение модели напрямую

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

и в TS

loadMovies(Movie :any){
   you should get the value here
}