Question

我有一个带有两个选项的垫选，即用户可以选择他是个人客户还是组织客户。现在，我想将选择的值传递给服务类。我怎样才能做到这一点。我有一个用户选择选项后显示的表格。填写表格后，用户单击保存并保存表格的所有信息。有了这些信息，我还希望能够保存mat-select选项。我该怎么办。

<!-- 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);
}

我想以上述形式传递mat-select的值，我该怎么做？

Answer 1

在[(ngModel)]="this.selectedCustomerType"标签中添加mat-select，例如：

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

然后在您的* .component.ts文件中声明公共变量selectedCustomerType

如何使用ngModel存储和传递Mat-Select的值

1 个答案: