title: How to set a selected option of a dropdown list control using angular JS
body: <p>I am using Angular JS and I need to set a selected option of a dropdown list control using angular JS. Forgive me if this is ridiculous but I am new with Angular JS </p>
  
  <p>Here is the dropdown list control of my html</p>
  
  <pre><code> &lt;select ng-required="item.id==8 &amp;&amp; item.quantity &gt; 0" name="posterVariants"
     ng-show="item.id==8" ng-model="item.selectedVariant" 
     ng-change="calculateServicesSubTotal(item)"
     ng-options="v.name for v in variants | filter:{type:2}"&gt;
    &lt;/select&gt;
  </code></pre>
  
  <p>After it gets populated I get </p>
  
  <pre><code> &lt;select ng-options="v.name for v in variants | filter:{type:2}" ng-change="calculateServicesSubTotal(item)"
  ng-model="item.selectedVariant" ng-show="item.id==8" name="posterVariants"
  ng-required="item.id==8 &amp;amp;&amp;amp; item.quantity &amp;gt; 0" class="ng-pristine ng-valid ng-valid-required"&gt;
      &lt;option value="?" selected="selected"&gt;&lt;/option&gt;
      &lt;option value="0"&gt;set of 6 traits&lt;/option&gt;
      &lt;option value="1"&gt;5 complete sets&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>How can I set the control for <code>value="0"</code> to be selected?</p>