Focus on select option

by suraj ahir

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.8/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.8/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.8/angular-aria.js"></script>
<script src="https://rawgit.com/angular/bower-material/master/angular-material.js"></script>
<link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.4/hammer.js"></script>
<div ng-controller="csrClrt">
    <md-input-container>
        <label>Face Style:</label>
        <md-select ng-model="items.customer"   ng-model-options="{trackBy: '$value.id'}">
            <md-option ng-value="user.customer" ng:repeat="user in cd" >{{user.customer.name}}</md-option>
        </md-select>
    </md-input-container>
    <div>
     
    </div>
</div>

JavaScript

angular.module('MyApp', ['ngMaterial'])
    .controller('csrClrt', function($scope, $http) {
       
       	$http({
       method : "GET",
       url : "https://artflowserver.herokuapp.com/api/customers"
      }).then(
        function mySucceess(response){
          $scope.cd = response.data;
          
          $scope.items = {
             customer : { id : 4}
          };
          
        }, 
        function myError(response){
            $scope.cd = "Somethins wrong";
        } )

       
    })