Почему я не могу переместить переключатель слайдов мат внутри тегов формы?

Question

У меня есть рабочий слайд-переключатель, который отлично работает, за исключением случаев, когда я хочу изменить положение переключателя в представлении рядом с формой, в которой он не работает. Как только я поместил его в тег формы, переключатель перестанет меняться при нажатии и останется ложным.

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

<div class="container w-75 example-margin">
  <div class="row text-center mx-auto">
    <form class="form-inline row text-center mx-auto" [formGroup]="slgForm">
      <div class="form-group">
        <mat-form-field class="mr-4">
          <input matInput formControlName="year" placeholder="Year">
        </mat-form-field>
        <mat-form-field class="mr-4">
          <input matInput formControlName="quarter" placeholder="Quarter">
        </mat-form-field>

        <mat-form-field class="mr-4">
          <input matInput formControlName="week" placeholder="Week">
        </mat-form-field>

        <mat-form-field class="mr-4">
          <mat-select [(ngModel)]="selectedDepartment" formControlName="dept">
            <mat-option *ngFor="let department of departments" [value]="department">
              {{department}}
            </mat-option>
          </mat-select>
        </mat-form-field>
        <button mat-raised-button (click)="submit()">Submit</button>
      </div>
    </form>
    <div>
      <mat-slide-toggle [(ngModel)]="checked"
                        class="example-margin"
                        [color]="color"
                        (change)="changed()">
        Remove {{checked}}
      </mat-slide-toggle>
    </div>
  </div>
</div>

Answer 1

[(ngModel)]="checked"

Когда вы помещаете слайд для переключения формы, ваша модель не привязывается к форме.

Почему вы хотите поместить это вне формы?