当我启用另一个开关时如何禁用自动开关,以及如何修复错误错误:布尔值无效:

时间:2019-01-11 14:15:29

标签: angular typescript nativescript switching

使用开关时出现错误:demo错误错误:布尔值无效:

并且我想在启用另一个开关时禁用自动开关。

例如,在此image中,我启用了主动开关ON / OFF,而要自动禁用的Slider也要启用。当我停用开关时,我希望滑杆自动禁用。

您能和我分享如何实现这一点的任何想法吗?

1 个答案:

答案 0 :(得分:1)

您可以将模板变量分配给两个开关(如下面的示例代码所示,分别为switchswitch2),然后检查switch2.checked以将switch.isEnabled设置为(checkedChange)中的switch2

尝试一下:

<Switch 
  formControlName="wireless" 
  style="text-align: center" 
  #switch 
  class="m-15" 
  row="1" 
  col="1" 
  (checkedChange)="onFirstCheckedWireless($event)">
</Switch>

<Switch 
  #switch2 
  formControlName="wireless1" 
  style="text-align: center" 
  class="m-15" 
  row="1" 
  col="2" 
  (checkedChange)="switch.isEnabled = !switch2.checked">
</Switch>

  

这是您推荐的Working Sample Playground Link