angularjs - select dropdown has an extra option -

how can remove first empty < option > in select drop down? want first < option > "-select-".

html

 <div ng-controller="examplecontroller">     distance in km     <span  class="nullable">       <select ng-model="mycolor" >        <option value="null">- select -</option>         <option value="10">10</option>         <option value="20">20</option>         <option value="30">30</option>         <option value="50">50</option>         <option value="100">100</option>       </select>     </span><br/>   </div> 

script

angular.module('selectexample', [])     .controller('examplecontroller', ['$scope', function($scope) {        $scope.mycolor = '';     }]); 

use ng-init initialize default blank value , set blank value in option element:

<div ng-controller="examplecontroller" ng-init="mycolor = ''">     distance in km     <select ng-model="mycolor">             <option value="">- select -</option>             <option value="10">10</option>             <option value="20">20</option>             <option value="30">30</option>             <option value="50">50</option>             <option value="100">100</option>     </select> </div> 

or since initializing in controller, delete null option.