I have embedded the angular-ui-boothstrap typeahead in a directive. (Plunker) This directive is embedded within a form. The type-ahead is supposed to be optional, and the user should be allowed to submit the form even if no fruit is selected. However, the typeahead makes the form invalid if it's wrapped within a directive, and if the user hasn't selected any value.
If the typeahead is NOT within a directive, it works just fine.
Is there any way I can make the form valid even if the typeahead (in the directive) has no value?
<fruit-picker ng-model="fruitNameDirective" required="false" fruits="fruits"></fruit-picker>