两个带有反应形式的 mat-slide-toggle

【问题标题】：Two mat-slide-toggle with reactiveForms两个带有反应形式的 mat-slide-toggle
【发布时间】：2020-09-23 06:11:11
【问题描述】：

在反应形式中，我有两个 mat-slide-toggle（与一个变量绑定）。但它们不会一起切换。 Wenn 我使用 [(ngModel)] 一切正常。不幸的是，这个解决方案不适合我，因为 mat-slide-toggle 是大表单的一部分。

https://stackblitz.com/edit/angular-mvpfu5-xptpb7?file=app%2Fslide-toggle-overview-example.html

【问题讨论】：

标签： angular angular-material angular-reactive-forms

【解决方案1】：

试试这个：

 <div id="pdf-content">
      <mat-slide-toggle [(ngModel)]="ifPrint"></mat-slide-toggle> {{ifPrint}}


    <mat-slide-toggle [(ngModel)]="ifPrint"></mat-slide-toggle> {{ifPrint}}
    <ul [formGroup]="form">
      <li>
                  <mat-slide-toggle [checked]="form.value.activ" formControlName="activ"  color="primary" name="active" id="active">Activ</mat-slide-toggle> 
      </li>
      <li>
              <mat-slide-toggle [checked]="form.value.activ" formControlName="activ" color="primary" name="active" id="active">Activ</mat-slide-toggle> 
      </li>
    </ul>
    {{ form?.value | json }}

【讨论】：