title: Using <select> and <option> in AngularJS
body: <p>I have this anchor tag and i change my view depending on the date coming from the object. I am trying to change it to be a select option but it is not working the way i am doing it.</p>
  
  <p>This is anchor tag syntax:</p>
  
  <pre><code> &lt;a href="#" ng-repeat="item in home.prData" ng-click="home.selectedPr = item; $event.preventDefault();
   $event.stopPropagation();"&gt;{{item.date}}&lt;/a&gt;
  </code></pre>
  
  <p>I am trying to change it to be like that when i use select option </p>
  
  <pre><code> &lt;select st-search="{{item.date}}" class="show-tick form-control dropdown_custom_list"&gt;
        &lt;option value=""&gt;- select a date -&lt;/option&gt;
        &lt;option ng-repeat="item in home.prData" value="{{home.selectedPr = item}}"&gt;{{item.date}}
        &lt;/option&gt;
    &lt;/select&gt;
  </code></pre>
  
  <p>i created an example plunkr to what i am trying to achieve: </p>
  
  <p><a href="https://plnkr.co/edit/JR9y9cgGAiNTkCBXWixj?p=preview" rel="nofollow noreferrer">mycode</a></p>