Validation dependency between inputs in angular2 form?

Question

I'm trying to find the best way to have validations that link two components.

Say I have two checkboxes. I want the second input to be required only when the first one is checked.

I'm just starting out with validations and am not sure exactly how I could do this.

I guess I could just change the validation rules in my component.ts file when using model driven forms.

Would that be the good way of dealing with this? Or are there helpers to handle such cases?

Answer 1

declare a variable named checbox1checked, and assign an initial value of false to it.

let checbox1checked: boolean = false;

if a user checked checkbox1, assign checbox1checked the value of true.

while validating checkbox2 check to see if checbox1checked is true, if yes then show your error message for checkbox2, if not ignore your checkbox2 error message.

Answer 2

May be you are looking for this:

<input type="checkbox2" [attr.required]="checked1">
<input type="checkbox1" [(ngModel)]="checked1">