如何在angular2中单击复选框时启用和禁用按钮

我的模板：

<input type="checkbox" name="vehicle" value="Bike" >
<button class="pull-left" (click)='openup()' [Disabled]='button'>Delete</button>

我遵循了上述流程，但它对我不起作用

有人能建议我帮忙吗。

像这样的事

ts:

模板：

<input type="checkbox" name="vehicle" value="Bike" >
<button class="pull-left" (click)='openup()' [Disabled]='button'>Delete</button>

<input type="checkbox" name="vehicle" value="Bike" 
  (click)='toggleButton = !toggleButton' >
<button class="pull-left"  [disabled]='toggleButton'>Delete</button>

删除

您想做什么？您正在将一个已经为false的变量再次设置为false，因此不会发生任何更改。

<input type="checkbox" name="vehicle" value="Bike" 
  (click)='toggleButton = !toggleButton' >
<button class="pull-left"  [disabled]='toggleButton'>Delete</button>