NG Textbox focus on btn click directives

by tridip

HTML

<div class="main" ng-app="myApp">
<p>Name: <input type="text" ng-model="name" id="question1"></p>
<button id='btn' set-focus='question1'>click</button>
</div>

JavaScript

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

myApp.directive('setFocus',function(){
     return {
        link:  function(scope, element, attrs){
          element.bind('click',function(){
          		 //alert(element.attr('id'));
               document.querySelector('#' + attrs.setFocus).focus();
           })
        }
      }
})