Angular 按下后退按钮时角度6复选框值丢失

按下后退按钮时角度6复选框值丢失。我对所有表单都使用路由。除复选框外，所有其他输入类型工作正常。当我按下“后退”按钮时，单选框保持值，但所有复选框值都未选中

.html `

---

`

可能data.name不一致？data.name只是简单的文本。选项=[{name:“test”，checked:false}，{name:“test1”，checked:false}，{name:“test2”，checked:false}，{name:“test4”，checked:false}]；但是您正在使用is作为数组/对象键，因此it@Antoniossss你能给我解释一下这个的正确用法吗？

<form #ingredientForm="ngForm" class="editForm" novalidate>
    <div class="card space-wrap">
      <div class="card--content" *ngFor = "let data of options">
        <input type="checkbox" #ingredient[data.name]="ngModel" required [(ngModel)]="ingredientType[data.name]" value="{{data.name}}" name="select" id="{{data.name}}"/>
        <label for="{{data.name}}">{{data.name}}</label>
      </div>
    </div>
    <button type="button" [disabled]=disable (click)="goToNext(ingredientForm)" class="btn btn-mobile btn-primary btn-fixed">Next: Ingredients</button>
  </form>

export class FormData {
    finger: string = '';
    chocolate: string = '';
    ingredient: any = {};
    message: string = '';
    packaging: string = '';
    clear() {
        this.finger = '';
        this.chocolate = '';
        this.ingredient = '';
        this.message = '';
        this.packaging = '';
    }
}