title: AngularJS select with hard coded options
body: <p><strong>Q.</strong> Why my drop down is not showing the selcted value ? 
  Here is the javascript code that i have</p>
  
  <pre><code>&lt;div ng-app="myApp"&gt;
   &lt;div ng-controller="MyCtrl"&gt;
       &lt;select ng-model="myModel.Active" convert-to-number&gt;
         &lt;option value="-1"&gt;Select&lt;/option&gt;
         &lt;option value="1"&gt;Yes&lt;/option&gt;
         &lt;option value="2"&gt;No&lt;/option&gt;
         &lt;option value="3"&gt;Maybe&lt;/option&gt;
       &lt;/select&gt;
       &lt;span&gt;{{myModel.Active}}&lt;/span&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The javascript</p>
  
  <pre><code>var myApp = angular.module("myApp",[]);
  myApp.controller("MyCtrl", function($scope){
        $scope.myModel = {};
        $scope.myModel.Active=2; // 
  
  });
  </code></pre>
  
  <p><strong>The js-fiddle link</strong> -- <a href="https://jsfiddle.net/shatherali/4mxwzL5y/19/" rel="nofollow">https://jsfiddle.net/shatherali/4mxwzL5y/19/</a></p>
  
  <p><strong>Edit:</strong> Please note i dont want to use string value. Active has to be a number value. </p>