为什么我的切换输入UI无法正确更新？

Question

我正在使用Ionic来显示表单-正常工作。我无法让UI反映正确的值。

我得到了正确的值：

"optionOne":1,"optionTwo":0

这应该告诉我的UI选中optionOne，取消选中optionTwo。

这是我获取值的方式：

.ts

 ....

 public myFormorm: FormGroup;

 constructor() {
     ...
     this.myObject = this.navParams.get('myObject');

     let foo = {
         id: this.myObject.id,
         title: this.myObject.title,
         optionOne: this.myObject.optionOne,
         optionTwo: this.myObject.optionTwo
     }

    this.myFormorm = this.formBuilder.group({
        title: [foo.title, Validators.compose([Validators.required])],
        optionOne: [foo.optionOne],
        optionTwo: [foo.optionTwo],
  });
 }

这些值都是正确的；我只是缺少如何正确设置切换组件。如果进行更改并执行PUT，则更新后的值会正确返回。

如果刷新整个页面，一切都很好。

.html

<ion-item>
  <ion-label stacked>Option One</ion-label>
  <ion-toggle formControlName="optionOne"></ion-toggle>
</ion-item>

我曾尝试在切换输入上使用[checked]的不同变体，但是如果我创建一个新对象而不是放置一个对象，我会得到一个错误，指出foo.optionOne不存在（这使得完美的感觉）。