Setze Eingang ungültig, wenn typeahead-editierbar false ist

Question

Ich benutze typeheads UI Bootstrap-Komponente und möchte die Auswahl zur Validierung meines Formulars erzwingen. Ist es möglich, es zu konfigurieren, um den Eingang ungültig zu setzen, wenn "typeahead-editable" auf false gesetzt ist und der Benutzer einen "bad" -Wert eingibt oder ich eine Anweisung dafür schreiben sollte (aber wie?)?

Dank

UPDATE 2013.08.09 09.54: Was Sie über die folgende Lösung denken Sie:

 
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

Die typeahead Richtlinie von http://angular-ui.github.io/bootstrap/ bereits Eingänge zu den Spielen zur Begrenzung Unterstützung hat (Mit anderen Worten, Menschen können so binden, dass nur Werte modelliert werden, die als Übereinstimmungen im Typahead-Popup verfügbar sind. Sie können dies tun, indem Sie einfach das Attribut typeahead-editable='false' setzen.

Bitte beachten Sie, dass das Setzen dieses Attributs auf falsenicht verhindert, dass Menschen ungültige Werte eingeben. Es wird nur sichergestellt, dass eine entsprechende Eingabe als ungültig markiert wird und ein bereitgestellter Wert nicht an das Modell gebunden ist.