使用组建级别的验证器来验证复选框

在Angular中使用组件级别的验证器来验证复选框。组件级别的验证器是一个返回验证错误对象的函数。这个函数将被应用于组件中的所有控件，包括复选框。

以下是一个示例组件级别验证器的代码：

function checkboxValidator(control: AbstractControl) {
  if (control.value === false) {
    return { required: true };
  } else {
    return null;
  }
}

在模板中，将验证器绑定到复选框的formControl中：

  
  

    Checkbox is required
  

在组件中，将验证器添加到form control中：

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { checkboxValidator } from './checkbox-validator';

@Component({
  selector: 'my-component',
  template: `
    

      
      

        Checkbox is required
      
    
  `
})
export class MyComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {}

  ngOnInit() {
    this.myForm = this.fb.group({
      checkbox: [false, checkboxValidator]
    });
  }
}