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

您可以创建一个var来保存所选值，并使用checked属性将其选中，以确保所选值是否与按钮的内容相同。

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

Answer 2

当前端将数据（对象，数组等）发送到后端时，它将收到响应。该响应可能包含各种类型的信息，包括显示后端接收到的信息的数据。使用响应进行映射（并使存储的数据在表单上仍然可见）。

提交后保持选中单选按钮

2 个答案: