Question

我有一个切换按钮和两个功能。我希望在切换按钮打开时调用其中一个函数，而在切换按钮处于关闭状态时调用另一个函数。我怎么能这样做？

Answer 1

如果您使用angular forms，这实际上非常简单。您只需订阅我们在 FormGroup 中定义的切换控件。您可以订阅整个表单的值，也可以只订阅单个控件的值，如下所示。在角度文档之后，我通常使用一个单独的函数来构造我的FormGroup，然后在构造函数中调用该函数 buildForm（）。

buildForm(): void {
  this.myCoolForm = this._fb.group({
    superCoolToggle: ['']
  })
  
  this.form.controls['superCoolToggle'].valueChanges.subscribe( value => {
    if (value === true) {
      // something here
    } else if (value === false) {
      // something different here
    }
  })

}

<form [formGroup]="myCoolForm">
  <ion-item>
    <ion-label> Sam</ion-label>
    <ion-toggle formControlName="superCoolToggle"></ion-toggle>
  </ion-item>
</form>

离子3：用切换按钮执行功能

1 个答案: