सेट इनपुट अमान्य जब Typeahead संपादित नहीं किया जा झूठे

Question

मैं Typeahead के यूआई बूटस्ट्रैप घटक उपयोग कर रहा हूँ और मैं अपने रूप को मान्य करने के चयन के लिए मजबूर करना चाहते हैं। यह इनपुट अमान्य स्थापित करने के लिए जब 'Typeahead संपादन योग्य' गलत पर सेट है कॉन्फ़िगर करने के लिए संभव है और उपयोगकर्ता एक "बुरा" मूल्य में प्रवेश करती है या मैं इस के लिए एक निर्देश लिखना चाहिए (लेकिन कैसे?)?

धन्यवाद

अद्यतन 2013-08-09 09:54: आप निम्नलिखित समाधान को क्या समझते हो:

 
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

http://angular-ui.github.io/bootstrap/ से typeahead निर्देश पहले से ही मैच में बहुत आदानों सीमित करने के लिए समर्थन किया है (दूसरे शब्दों में, लोग टाइपहेड पॉपअप में मैचों के रूप में उपलब्ध मूल्यों को मॉडल से जोड़ सकते हैं)। आप इसे typeahead-editable='false' विशेषता सेट करके कर सकते हैं।

कृपया ध्यान दें कि इस विशेषता को false पर लोगों को अमान्य मानों में टाइप करने से रोकें। यह केवल यह सुनिश्चित करेगा कि एक संबंधित इनपुट अमान्य के रूप में चिह्नित किया गया है और प्रदत्त मान मॉडल के लिए बाध्य नहीं है।