AngularJSでボタンを押すとフォーカスが当たるinputタグをつくりたい

Question

質問させてください。Angularを用いて、
ボタンを押すとフォーカスが当たるinputタグで試行錯誤しています。

技術書を参考に以下のようにdirectiveをつくり試しているのですが、エラー（elem.focus is not a function）がどうやっても消えず困っています... directiveは確かに呼ばれていてどうやら、jsの内容に問題がありそうなのですが特定できません... バージョンは1.4.7を使っています。初歩的な質問ですみませんが、どうかよろしくお願いします

-- app.coffee
window.App = angular.module('app', ['myInputFocus'])

-- InputCtrl.coffee
App.controller 'InputCtrl', ($scope) ->
  $scope.focusOnInput = ->
    alert 'called.'
    $scope.focused = true
    return

-- myInputFocus.js
angular.module('myInputFocus', []).directive('myInputFocus', function() {
  return {
    restrict: 'A',
    scope: { myInputFocus: '=' },
    link: function(scope, elem, attrs) {
      scope.$watch('myInputFocus', function(value) {
        if (value) { elem.focus(); }
      });
      elem.on('blur', function() {
        scope.$apply(function() {
          scope.myInputFocus = false;
        });
      });
    }
  };
});

-- index.html
<div ng-controller="InputCtrl">
  <button ng-click="focusOnInput()">click me.</button>
  <input type="input" my-input-focus="focused">

Answer 1

自己解決しました。すみません。
エレメントの指定を

elem[0].focus();

のようにすることで対応できました。
ありがとうございました。

-- myInputFocus.js
angular.module('myInputFocus', []).directive('myInputFocus', function() {
  return {
    restrict: 'A',
    scope: { myInputFocus: '=' },
    link: function(scope, elem, attrs) {
      scope.$watch('myInputFocus', function(value) {
        if (value) { elem[0].focus(); }
      });
      elem.on('blur', function() {
        scope.$apply(function() {
          scope.myInputFocus = false;
        });
      });
    }
  };
});