Javascript 如何从列表中的项目添加表单验证

Javascript 如何从列表中的项目添加表单验证,javascript,html,angular,typescript,angular2-form-validation,Javascript,Html,Angular,Typescript,Angular2 Form Validation,我有一个带有验证的反应式表单,我正试图找出如何在项目列表中添加额外的检查。除其他必填字段外,我希望至少检查一项表单是否有效 以下是正在显示的表单中的项目。您可以看到它只是一个名为“practicingStyles”的数组中的项目列表,它们显示为按钮 前 selectedPracticingStyles:number[]=[]; togglePracticeClass(样式:编号){ 如果(!this.selectedPracticingStyles.includes(样式)){ 此.selec

我有一个带有验证的反应式表单,我正试图找出如何在项目列表中添加额外的检查。除其他必填字段外,我希望至少检查一项表单是否有效

以下是正在显示的表单中的项目。您可以看到它只是一个名为“practicingStyles”的数组中的项目列表,它们显示为按钮

selectedPracticingStyles:number[]=[];
togglePracticeClass(样式:编号){
如果(!this.selectedPracticingStyles.includes(样式)){
此.selectedPracticingStyles.push(样式);
}否则{
this.selectedPracticingStyles.splice(this.selectedPracticingStyles.indexOf(style),1);
}
}

练习风格:
{{practiceStyle.name}

您的函数切换PracticeClass必须更改FormControl
practicedStyles
。你必须使用。此外,如果长度>0,则可以指定此值,而不是将变量
this.selectedPracticingStyles
指定为值,否则指定为空值。因此,您可以使用
验证器。必需

togglePracticeClass(style: number) {
  ...
  this.infoForm.get('practicedStyles').setValue(
        this.selectedPracticingStyles.length>0? this.selectedPracticingStyles:null)
  }
}
是的,FormControl可以存储数组或null