Как сохранить и передать значение Mat-Select с помощью ngModel

Question

У меня есть выбор с двумя вариантами, т.е. пользователь может выбрать, является ли он индивидуальным клиентом или организационным клиентом.Теперь я хочу передать значение выбора классу обслуживания.Как мне это сделать.У меня есть форма, которая отображается после того, как пользователь выбирает опцию. После заполнения формы пользователь нажимает кнопку «Сохранить», и вся информация формы сохраняется.С информацией я также хочу иметь возможность сохранить выбор коврика.Как я могу это сделать.

<!-- Dropdown to Select Type of Customer -->
<mat-form-field>
<mat-label>Select Customer Type</mat-label>
<mat-select (onSelectionChange)="getCustType($event)">
<mat-option *ngFor="let obj of custType" (click)="getCustType(obj)" 
[value]="obj.value"> {{ obj.viewValue }}</mat-option>
</mat-select>
</mat-form-field>

Код машинописного текста

 custType: any[] = [{ value: 'individual', viewValue: 'Individual Customer' }, { value: 'organizational', viewValue: 'Organizational Customer' }];

Функция машинописного текста вызывается при нажатии кнопки Сохранить

  saveIndCustData() {
const savedIndCustomer = {
  agreementId: this.agreementId,
  prefix: this.prefix,
  nameType: this.indCustNameType,
  firstName: this.firstName,
  middleNAme: this.middleName,
  lastName: this.lastName,
  gender: this.gender,
  dateOfBirth: this.parseDate(this.dateOfBirth.toString()),
  citizenship: this.citizenship
};
this.savedIndCustomer.emit(savedIndCustomer);
}

Я хочу передать значение мата-Выберите в вышеуказанной форме, как я могу это сделать?

Answer 1

Добавьте [(ngModel)]="this.selectedCustomerType" к mat-select тегу, например:

<mat-select [(ngModel)]="this.selectedCustomerType" (onSelectionChange)="getCustType($event)">

Затем объявите открытую переменную selectedCustomerType в файле * .component.ts