0
votes

Comment désactiver le bouton lorsque la liste déroulante est vide en angulaire

J'ai besoin de garder un bouton désactivé jusqu'à ce que l'utilisateur choisit l'une des options de la liste déroulante. Une fois que le bouton devient activé. C'est ce que j'ai maintenant ...

p>

[disabled]="rejectionReason === ''"


2 commentaires

En plus de déterminer sa longueur pour activer / désactiver le bouton Soumettre, qu'est-ce que vous utilisez RejetageReason pour? J'ai fourni une solution très similaire, mais sans utiliser une liaison à deux voies.


Pouvez-vous publier votre code dossier parce que nous n'avons aucune idée de ce qui se passe dans les coulisses avec RejetageReason


3 Réponses :


-1
votes

Vous n'avez pas de [valeur] à l'option.so reiftreason.length sera toujours zéro.so essayer ci-dessous: XXX


0 commentaires

-1
votes

Si le problème est que le bouton ne devient jamais activé, c'est parce que pour désactiver ne pas être défini, la valeur de l'attribut doit être null, non fausse ....

rejectionReason.length > 0 || null


0 commentaires

0
votes

Le problème est que vous n'abandonnez aucune valeur à la référence code> code>, pour affecter la valeur sélectionnée au RejetageReason code> Vous devez définir la valeur code> attribut dans l'option code> code> dans l'étiquette d'attribut. Maintenant, il y a 2 façons de le faire. Si vous souhaitez que les valeurs prédéfinies / codées rigides, vous pouvez simplement utiliser.

<select [(ngModel)]="rejectionReason">
   <!-- Notice I have used empty string for the select option,
        which makes sense to me while disabled checking -->
   <option value="" selected disabled>Select</option>
   <option value="one">One</option>
   <option value="two">Two</option>
   <option value="three">Three</option>
</select>
<!-- Since empty strings are "falsey",you can 
     use ! directly on the rejection reason.  -->
<button type="button" [disabled]="!rejectionReason">Submit</button>


0 commentaires