你也可以使用angular内置的jqlite功能。

angular.element (.selector) .trigger(重点);

不需要创建自己的指令，可以简单地使用javascript函数来完成一个焦点。

这里有一个例子。

在html文件中:

<input type="text" id="myInputId" />

在javascript文件中，例如在控制器中，你想要激活焦点的地方:

document.getElementById("myInputId").focus();

只是顺便送点咖啡。

app.directive 'ngAltFocus', ->
    restrict: 'A'
    scope: ngAltFocus: '='
    link: (scope, el, attrs) ->
        scope.$watch 'ngAltFocus', (nv) -> el[0].focus() if nv

我编辑Mark Rajcok的focusMe指令，在一个元素中实现多个焦点。

HTML:

<input  focus-me="myInputFocus"  type="text">

在AngularJs控制器中:

$scope.myInputFocus= true;

AngulaJS指令:

app.directive('focusMe', function ($timeout, $parse) {
    return {
        link: function (scope, element, attrs) {
            var model = $parse(attrs.focusMe);
            scope.$watch(model, function (value) {
                if (value === true) {
                    $timeout(function () {
                        scope.$apply(model.assign(scope, false));
                        element[0].focus();
                    }, 30);
                }
            });
        }
    };
});

如果你想把焦点设置在特定的元素上，你可以使用下面的方法。

创建一个名为focus的服务。 angular.module(“应用程序”) .factory('focus'， function ($timeout， $window) { 返回函数(id) $timeout(函数){ var element = $window.document.getElementById(id) 如果(元素) element.focus (); })； }; })； 将它注入到您希望调用的控制器中。 调用此服务。

Mark和Blesh有很好的答案;然而，Mark的回答有一个Blesh指出的缺陷(除了实现复杂之外)，我觉得Blesh的回答在创建一个专门向前端发送焦点请求的服务时存在语义错误，而实际上他所需要的只是一种延迟事件的方法，直到所有指令都在侦听。

这就是我最后做的事情，从Blesh的答案中窃取了很多，但保持了控制器事件和“after load”服务的语义分离。

这允许控制器事件很容易被其他事情所吸引，而不仅仅是聚焦一个特定的元素，还允许只在需要时才引起“after load”功能的开销，在很多情况下可能不是这样。

使用

<input type="text" focus-on="controllerEvent"/>

app.controller('MyCtrl', function($scope, afterLoad) {
  function notifyControllerEvent() {
      $scope.$broadcast('controllerEvent');
  }

  afterLoad(notifyControllerEvent);
});

源

app.directive('focusOn', function() {
   return function(scope, elem, attr) {
      scope.$on(attr.focusOn, function(e, name) {
        elem[0].focus();
      });
   };
});

app.factory('afterLoad', function ($rootScope, $timeout) {
  return function(func) {
    $timeout(func);
  }
});