title: AngularJs: Select Value From DropDown
body: <p>I am using AngularJS with JQM I create a drop-down for selecting value and data comies in it using AngularJS Controller. It works fine
  But when I add <code>data-native-menu="false</code>  in <code>&lt;select&gt;</code> then strange executions
  I select first value it selected second.</p>
  
  <p><strong>My HTML Part</strong></p>
  
  <pre><code>&lt;div ng-controller="MyCtrl"&gt;
      &lt;select data-native-menu="false" data-role="listview" ng-options="size as size.name for size in sizes " ng-model="item" ng-change="update()"&gt;&lt;/select&gt;
       {{item.code}} {{item.name}}
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS Part</strong></p>
  
  <pre><code>myApp.controller('MyCtrl',function($scope){
      $scope.sizes = [ {code: 1, name: 'n1'}, {code: 2, name: 'n2'}];
      $scope.update = function() {
      console.log($scope.item.code, $scope.item.name)
  }});
  </code></pre>
  
  <p>If I remove <code>data-native-menu="false" data-role="listview"</code> then code works fine</p>
  
  <p>Please Help Me</p>
  
  <p>Demo Page of My Example is <a href="http://engineers-web.com/F09/NewDesign/#addexercise" rel="nofollow">Here</a></p>