Focus on select option

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="MyCtrl" layout layout-align="center center">
    <md-select id="sel" ng-model="myModel" placeholder="Pick" ng-change="onChange()">
        <md-option value="0">Zero</md-option>
        <md-option value="1">One</md-option>
    </md-select>
    
    <input type="text" id="fc" focus="selectChanged">      
</div>

JavaScript

angular.module('MyApp', ['ngMaterial'])
.controller('MyCtrl', function ($scope) {    
    
    $scope.onChange = function() {
    	  $scope.$broadcast('selectChanged');
    };
    
})
.directive('focus', function($timeout) {
   return function(scope, elem, attr) {
      scope.$on(attr.focus, function(e) {
        $timeout(function() {        
          elem[0].focus();         
      	}, 400);
        
        console.log(elem[0].focus);
      });
   };
});