如何设置焦点在一个角ui模式内的textarea每次打开模式？

Question

我有一个textarea在一个角ui模式，需要设置焦点时，模式是可见的，不能在文档加载，因为它只工作在第一次打开模式。

.directive('focusMe', ['$timeout', focusMe]);
  function focusMe($timeout) {
    return function (scope, element) {
    scope.$watch(function () {
      $timeout(function () {
        element[0].focus();
      });
    });
  };
};

更多信息：在某种程度上解决了始终保持对textarea的关注的问题。

但是由于我的模式在动画中有一个淡入淡出，在IE中焦点显示在文本框上方，在外部，我不得不使用timeout到IE来正确设置焦点。那可不太好。更好的办法？

Answer 1

我使用以下版本的focus-me指令和angular ui-modal指令。

angular.directive('focusMe', function($timeout) {
    return {
        scope: { trigger: '@focusMe' },
        link: function(scope, element) {
            scope.$watch('trigger', function(value) {
                if(value === "true") {
                    $timeout(function() {
                        element[0].focus();
                    });
                }
            });
        }
    };
});

以模态形式使用focus-me指令的示例：

<div class="modal-header">
    some header
</div>
<div class="modal-body">
    <form name="someForm" method="post" novalidate="">
        <fieldset>
            <textarea name="answerField" placeholder="Enter text..."  focus-me="true" ng-model="model.text"></textarea>
        </fieldset>
    </form>
</div>
<div class="modal-footer">
    some footer
</div>