как сделать mat-select в проекте динамически c, чтобы обрабатывать как одно, так и множественное значение выбора для повторного использования

Question

Я хочу, чтобы компонент выбора матов можно было повторно использовать во всем проекте. так что я уже использую mat-select с выбором одного параметра, и он работает нормально, вот его код, это конфигурация, которую я посылаю компоненту

 {
    type: "select",
    label: "Select Type of Model",
    name: "type",
    //    value: "UK",
    options: ['Physical Product', 'Post', 'Event Tickets', 'Subscription']
}

, а вот мой компонент html

<mat-form-field class="demo-full-width margin-top" [formGroup]="group">
<mat-select [placeholder]="field.label" [formControlName]="field.name">
<mat-option *ngFor="let item of field.options" [value]="item">{{item}}</mat-option>
</mat-select>

и здесь component.ts

 import { FormGroup } from '@angular/forms';
 import { Component, OnInit } from '@angular/core';
 import { FieldConfig } from 'src/app/shared/models/forms';

 @Component({
 selector: 'app-select',
 templateUrl: './select.component.html',
 styleUrls: ['./select.component.scss']
 })
 export class SelectComponent implements OnInit {

 field: FieldConfig;
 group: FormGroup;
 constructor() {}
 ngOnInit() {}

 }

, поэтому я хочу, чтобы он также обрабатывал множественный выбор, я просто передам его этой конфигурации

 {
type: "select",
label: "Select Type of Model",
name: "type",
//    value: "UK",
multiple:true,
showValueKey:'name',
returnValueKey:'id'
options: [{name:'Physical Product',id:1}, {name:'Physical Product',id:2}]
}