title: AngularJS Validation on <select> with a prompt option
body: <p>I have the following code for a select drop down input that is styled in Bootstrap.</p>
  
  <pre><code>&lt;select class="form-control" name="businessprocess" ng-model="businessprocess" required&gt;
      &lt;option value=""&gt;-- Select Business Process --&lt;/option&gt;
      &lt;option value="C"&gt;Process C&lt;/option&gt;
      &lt;option value="Q"&gt;Process Q&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Before the user is able to submit this form, he or she must select a business process.</p>
  
  <p>So I have put the <code>required</code> directive on the select statement, however because the first option tag has <code>-- Select Business Process --</code> that still counts as a selected option, and thus the required flag is met, and therefore the form validates even though no actual Business Process is selected.</p>
  
  <p>How can I overcome this issue?</p>
  
  <p>Thank You.</p>