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

Question

我的模板：

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

我的意见：

button:any = false;
openup(){
     this.button = false;
  }

我按照上面的过程，但它不适合我。

任何人都可以建议我帮忙。

Answer 1

像这样的东西

ts：

toggleButton: boolean = false;

模板：

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