написание метода связывания mat-select с div (Angular)

Question

Мои коды написаны ниже. В моем материале mat-select есть 12 опций (числа: 1 ~ 12), а также с этими кодами я создал 12 тегов div. Моя цель - когда пользователь выбирает число в mat-select (числа определяются в параметрах Object в файле ts), затем количество тегов div создается в соответствии с номером, выбранным пользователем.

<mat-form-field class="right">
        <mat-select  placeholder="Select Number of Blocks" >
              <mat-option
              *ngFor="let option of options" [value]="option.value">
              {{option.viewValue}}
              </mat-option>
        </mat-select>

</mat-form-field>

----------------------------------------------
<div *ngFor="let option of options" [id]="option.value">

   {{option.viewValue}}

</div>