Держите переключатель отмеченным после отправки

Question

Я пытаюсь оставить переключатель включенным даже после отправки (в Angular).

<label class="container" *ngFor="let content of contents; let idx = index">
    <input type="radio"
       value={{content}}
       (change)="radioChangeHandler($event)"  name="radio">
       {{content}}
    <span class="checkmark"></span>
</label>

Answer 1

Когда клиент отправляет данные (объект, массив и т. Д. c) на сервер, он получает ответ. Этот ответ может содержать различные типы информации, включая данные, показывающие, что он получен серверной частью. Используйте ответ для отображения (и сохраняйте сохраненные данные в форме).

Answer 2

Вы можете создать переменную для хранения выбранного значения, а с помощью отмеченного атрибута оставить его отмеченным, если выбранное значение совпадает с содержимым кнопки.

selectedValue: any;

<label class="container" *ngFor="let content of contents; let idx = index">
  <input type="radio"
  value={{content}}
  [checked]="content === selectedValue"
  (change)="radioChangeHandler($event)"  name="radio">
  {{content}}
  <span class="checkmark"></span>
</label>

radioChangeHandler(event: any) {
  this.selectedValue = event.target.value;
}