Réglez l'entrée non valide lors de typeahead-modifiable est faux
Je suis en utilisant typeahead de l'INTERFACE utilisateur de Bootstrap composant et je veux à force de sélection afin de valider mon formulaire.
Est-il possible de le configurer pour définir l'entrée non valide lors de l' 'typeahead modifiable" est définie à false et que l'utilisateur entre dans un "mauvais" de la valeur ou, devrais-je écrire une directive pour cela (mais comment ?)?
Grâce
Mise à JOUR 2013-08-09 9:54:
Que pensez-vous de la solution suivante :
var formValidatorsModule = angulaire.module('app.programme de validation.formValidator', []); formValidatorsModule.directive ("typeaheadForceSelection', function() { de retour { besoin : 'ngModel', lien : function(champ d'application, l'orme, attrs, ctrl) { ctrl.$les parseurs.push(function(viewValue) { si (viewValue == undefined) { ctrl.$setValidity('typeaheadForceSelection', false); } else { ctrl.$setValidity('typeaheadForceSelection', true); } retour viewValue; }); } }; });
Ce bogue a été corrigé à compter de 2016, lol... voir plunker: plnkr.co/modifier/NtGXL7uPLYKCHESnZyxs?p=preview
OriginalL'auteur Julien Meyer | 2013-08-08
Vous devez vous connecter pour publier un commentaire.
La
typeahead
directive de http://angular-ui.github.io/bootstrap/ a déjà le soutien de limiter les intrants à des matchs (en d'autres mots, les gens peuvent se lier à la le modèle seulement les valeurs disponibles comme des allumettes dans les typeahead popup). Vous pouvez le faire en définissant simplementtypeahead-editable='false'
attribut.Veuillez noter que la définition de cet attribut à
false
sera pas empêcher les gens d'en saisissant des valeurs non valides. Il va juste assurez-vous que l'entrée correspondante est marquée comme non valide et une valeur fournie n'est pas lié au modèle.- Je mettre à jour ma "solution"
Je vois que vous aimeriez aussi de validité du drapeau en conséquence, droit? Cela semble raisonnable, n'hésitez pas à ouvrir pour cette github.com/angular-ui/bootstrap/issues?state=open
Oui. Je vais créer un problème. Merci
Je vois qu'il y a un problème créé pour cela. github.com/angular-ui/bootstrap/issues/2308 cependant je ne vois pas un correctif... je suppose que c'est un $portée de problème. Le modèle.$valide est défini à false, mais je ne pense pas que c'est dans le même champ d'application que le formulaire lorsque l'utilisateur tape...
OriginalL'auteur