角度和复选框验证

By simon at 2018-02-07 • 0人收藏 • 43人看过

我有验证问题。有人可以帮我验证这个 四个复选框?我需要retu的自定义函数当所有的错误 checkbox.checked是false.如何解决? form.component.html:

<div class="form-group" formControlName="levels">
    <label>LEVELS</label>
    <div *ngFor="let data of levels">
        <input 
          type="checkbox" 
          [checked]="data.checked" 
        > {{data.level}}
    </div>
</div>
form.component.ts:
constructor(private _formBuilder: FormBuilder) {

    this.levels = [ 
        { level: "Szkoła podstawowa", checked: false }, 
        { level: "Gimnazjum", checked: false }, 
        { level: "Liceum", checked: false }, 
        { level: "Studia", checked: false } 
    ];

    this.offerForm = this._formBuilder.group({ 
        levels: null
    });

}

1 个回复 | 最后更新于 2018-02-07
2018-02-07   #1

首先你应该从你的关卡数组中创建一个FormArray。用这个 FormBuilder中的FormArray并添加一个自定义验证器th在检查如果在 至少有一个项目是真的(我认为这没有默认的验证器)。您 可以找到关于我们如何的信息Ë [FormArrays](https://angular.io/api/forms/FormArray)以及如何编写[custom 验证器(https://angular.io/guide/form-valida#定制验证器)中 官方文件。

登录后方可回帖

Loading...