带有json对象的角单选按钮patchValue

Question

这是我第一次构建Angular反应形式，并且一切顺利，直到遇到此问题为止。

我在ngOnInit中创建了表单

ngOnInit() {
...
'photoBundle': new FormControl,
...
this.addOns = this.formDataService.getAddOns();
this.addOnsForm.patchValue(this.addOns);
}

我正在尝试为表单中的值打补丁，以便用户可以导航离开，然后返回并填写/选择相同的值。

除一个单选按钮组将其值作为json对象传递外，其他所有功能均正常运行。

<div class="row" *ngFor="let photo of photoOptions">
<div class="col-12">
<input type="radio" name="photoBundle" formControlName="photoBundle" [value]="photo" /> {{ photo.option }}{{ photo.price | currency }}
...

在组件中声明了photoOptions的地方

photoOptions = [ { option: '10 photos for ', price: 90 }, ... ];

照片束已设置为模型

export class AddOns {
...
photoBundle?: any = { option: '', price: null }
...
}

其他所有formControl的工作方式都是，用户可以选择一个值来浏览，然后返回该页面，并且该值仍处于选中状态。但是，所有其他参数在模型中都声明为字符串，布尔值或数字。

当我进行console.log的保存和获取功能时，一切正常运行，即photoBundle的值类似于{选项：“ 10张照片”，价格：90}

我似乎似乎无法将值修补回Form，以便选择适当的单选按钮。

任何帮助将不胜感激