2017-09-14 1 views
0

Je suis nouveau dans angulaire comment utiliser la validation personnalisée pour valider tableau de multiples checkbox et je veux un button doit être désactivé jusqu'à un checkbox vérifié.Comment valider Multiple case à cocher avec angulaire 2

+0

Nous aurons besoin de voir une partie du code que vous avez essayé, mais la question de la validation d'un champ fondé sur des valeurs autres que celle de l'entrée elle-même nécessite souvent une fonction d'usine, où vous revenez la fonction de validateur réelle en fonction de l'existence ou non d'une condition. Comme le premier exemple [ici] (https://angular.io/guide/form-validation#custom-validators), sur le guide angulaire –

+0

Possible duplicate de [Comment valider qu'au moins une case à cocher doit-elle être sélectionnée?] (https://stackoverflow.com/questions/43384804/how-to-validate-that-at-least-one-checkbox-should-be-selected) – Pengyy

Répondre

1

Vous devez vous abonner au contrôle de votre case à cocher et réagir (activer/désactiver le bouton) lorsque sa valeur change. Quelque chose comme:

this.myForm.controls.isEnableCheckbox.valueChanges 
.subscribe(checked => { 
    if(checked){ // here you enable or disable the button or you can set a variable to do that... 
    this.myForm.controls.buttonToEnable.enable(); 
    } else { 
    this.myForm.controls.buttonToEnable.disable(); 
    } 
});