Angular 2/4。如何在单击复选框时禁用复选框几秒钟

在Angular 2/4中，可以通过使用事件绑定和定时器来实现在单击复选框时禁用复选框几秒钟的效果。下面是一个示例代码：

1. 在组件的HTML模板中，添加一个复选框，并绑定一个点击事件：

<input type="checkbox" (click)="disableCheckbox()" [disabled]="isCheckboxDisabled">

1. 在组件的Typescript文件中，定义一个变量来表示复选框是否被禁用，并在点击事件中处理禁用逻辑：

export class YourComponent {
  isCheckboxDisabled: boolean = false;

  disableCheckbox() {
    this.isCheckboxDisabled = true;
    setTimeout(() => {
      this.isCheckboxDisabled = false;
    }, 2000); // 2秒后解禁复选框
  }
}

在上述代码中，我们使用了isCheckboxDisabled变量来控制复选框的禁用状态。当点击复选框时，disableCheckbox()方法会将isCheckboxDisabled设置为true，然后通过setTimeout函数延迟2秒后将其重新设置为false，从而实现禁用复选框几秒钟的效果。

这个方法可以适用于任何Angular 2/4项目中需要在点击复选框时禁用复选框一段时间的场景。