Imposta input non valido quando typeahead-editable è false

Question

Sto utilizzando il componente Bootstrap dell'interfaccia utente typeahead e voglio forzare la selezione per convalidare il mio modulo. E 'possibile configurarlo per impostare l'input non valido quando' typeahead-editable 'è impostato su false e l'utente inserisce un valore "bad" o dovrei scrivere una direttiva per questo (ma come?)?

Grazie

UPDATE 2013/08/09 09:54: Cosa pensi della seguente soluzione:

 
var formValidatorsModule = angular.module('app.validator.formValidator', []); 

formValidatorsModule.directive('typeaheadForceSelection', function() { 
    return { 
     require : 'ngModel', 
     link : function(scope, elm, attrs, ctrl) { 
      ctrl.$parsers.push(function(viewValue) { 
       if (viewValue == undefined) { 
        ctrl.$setValidity('typeaheadForceSelection', false); 
       } else { 
        ctrl.$setValidity('typeaheadForceSelection', true); 
       } 
       return viewValue; 
      }); 
     } 
    }; 
}); 

Answer 1

La direttiva typeahead da http://angular-ui.github.io/bootstrap/ ha già il supporto per limitare gli ingressi alle partite (in altre parole, le persone possono legarsi per modellare solo i valori disponibili come corrispondenze nel popup typeahead). Puoi farlo semplicemente impostando l'attributo typeahead-editable='false'.

Si noti che l'impostazione di questo attributo su false sarà non impedire alle persone di digitare valori non validi. Si limiterà a verificare che un input corrispondente sia contrassegnato come non valido e che un valore fornito non sia associato al modello.