Angular2,如果未选中复选框,则禁用按钮

我有多个复选框和一个按钮,只有在选中至少一个复选框时才需要启用该按钮

VALUE1
VALUE2
VALUE3
VALUE4
Proceed

如何使用Angular2实现这一目标.

PS:发现了类似的问题,但没有使用Angular2.

一种方法是ngModel在每个复选框上使用,然后disabled通过检查每个复选框模型状态的方法控制按钮的属性:

@Component({
  template: `
    
      {{cb.label}}
    
    
button
  `
})
class App {
  checkboxes = [{label: 'one'},{label: 'two'}];
  constructor() {}
  buttonState() {
    return !this.checkboxes.some(_ => _.state);
  }
}

Plunker

使用属性[禁用]:

 VALUE1
 VALUE1
 VALUE1
 VALUE1
Submit