angularJS在页面加载时打开时聚焦在引导模式中

Question

在我的应用程序中（是的，我知道这有点糟糕）在控制器中有这样的代码：

  $scope.changePasswordModal = function() {
    angular.element('#password-change').modal('show');
  };

这段代码是这样出现的：

  if(angular.isDefined($routeParams.chgkey)){
    $scope.changePasswordModal();
  }

我有这样的看法：

<div class="modal custom" id="new-password-remember" tabindex="-1" role="dialog" aria-labelledby="newPasswordRemember" aria-hidden="true" modal-center modal-auto-focus modal-auto-focus-type="1" modal-auto-focus-action="rememberpwd" data-backdrop="static">
....

我在这个视图上还有一些其他的模态形式：当我点击打开模态时 - 一切正常：显示焦点。但是当我打开页面并通过操作在控制器中打开它时，我看到它有焦点，但为什么不显示这个焦点？

指令：

.directive('modalAutoFocus', ['$timeout', '$window', function ($timeout, $window){
    return {
      restrict: 'EA',
      link: function(scope, element, attrs) {


        if (attrs.id == 'new-password-change'){
          element.find('.on-focus')[0].focus();
        }

        $(element).on('shown.bs.modal', function(){
          element.find('.on-focus')[0].focus();
        });
    }
  }
  }]);

我不明白什么是不好的...为什么不显示焦点？我做错了什么？

谢谢

Answer 1

我遇到了同样的问题，该代码修复了它：

$timeout(function(){
    element.find('.on-focus')[0].focus();
}, 0);