Angular: Как заставить Mat-Slide-Toggle работать как переключатель?

Question

У меня есть форма Dynami c с 1 полем ввода и 1 mat-slide-toggle. Что я хочу, так это предположить, что если форма выбирает 4 mat-slide-toggle, тогда, если я установлю один из переключателей true, тогда остальные автоматически будут false.

HTML

<h3>Options & Answers</h3>
<div formArrayName="options">
  <ul *ngFor="let o of updateQuestionForm.get('options')['controls']; let i = index;" [formGroupName]="i"
    style="list-style: none;">
    <li style="display: inline-block; margin-right: 10px;">
      <mat-form-field>
        <mat-label>Option</mat-label>
        <input matInput formControlName="optionText">
      </mat-form-field>
    </li>
    <li style="display: inline-block;">
      <mat-label>Answer</mat-label><br>
      <mat-slide-toggle color="primary" formControlName="answer"></mat-slide-toggle>
    </li>
  </ul>
</div>

Текущий сценарий:

введите описание изображения здесь

Но я хочу, чтобы если я выбрал второй вариант, то третий автоматически получит false.

Пожалуйста, помогите мне.

Answer 1

использовать атрибут [checked] установить FALSE третьего слайда, зависит от проверки второго слайда

например

  <mat-slide-toggle
      class="example-margin"
      [color]="color"
      [checked]="checked">
    Slide me!
  </mat-slide-toggle>

проверяемое значение устанавливается false при проверке второго слайда.