Ng-Mousedown

HTML

<script src="http://code.angularjs.org/1.1.0/angular.min.js"></script>
<div ng-app="alert" ng-controller="homeCtrl">
    <select 
        ng-model="settings.metric" 
        ng-options="p as p.name for p in metrics" >
    </select>
    {{settings.metric}}
</div>

JavaScript

var app = angular.module('alert', []);

app.controller('homeCtrl', function ($scope) {
    $scope.metrics = [
        {id:1,name:'in',value:'1',datavalue:'in'},
        {id:2,name:'cm',value:'2',datavalue:'cm'},
        {id:3,name:'px',value:'3',datavalue:'px'},
        {id:4,name:'pt',value:'4',datavalue:'pt'}
    ];
})