当另一个元素具有ng-focus焦点时将焦点设置到一个元素

Question

我有angularJS应用程序。左侧导航栏和右侧内容窗格有两个组件。当我使用tab（keyboard）转到右侧内容窗格的末尾时，它将焦点放在浏览器URL栏上。但是我需要将选项卡（键盘）焦点放在左侧导航栏上，或者只需要停止焦点进入URL即可。

..以下是内容窗格的结尾

<div>
   <ul>                
       <li class="seperater">
                <a href="" ng-focus="navigateToTop();">test navigate </a>               
       </li>
   </ul>
 </div> 

[我尝试的是当焦点移到内容页面上的最后一个元素时，调用方法'navigateToTop'，然后将焦点设置为左侧导航。

下面是方法

this.navigateToTop = function () {

        console.log("in navigateToTop");
        $('#left-nav').focus();

    };

但是它不能正常工作，并且仍然专注于URL.pl帮助。。>>

我有angularJS应用程序。左边的导航栏和右边的内容窗格有两个组件。当我使用tab（键盘）转到右边的内容窗格的末尾时，它将焦点集中在浏览器上...

Answer 1

花了一些时间后，通过对右侧内容窗格的html代码进行了一些更改，找到了解决方案。

<div>
  <ul>                
     <li class="seperater">
            <a href="" ng-focus="isFocused = true" ng-blur="isFocused = false">
        test navigate </a>               
     </li>
  </ul>
  <div ng-if="navigateToTop(isFocused);"></div>
</div>