Angularjs自动完成键盘导航

debugcn 发表于 Dev

托马克斯

我正在尝试实现自动完成的键盘导航。

这是自动完成的部分实现。

我喜欢在锚标签（包括副标题）上使用向上和向下箭头。

如果在导航时按下Enter键，则该操作应与锚点单击相同

http://plnkr.co/edit/wXStq02jzO4gfj1F8dKG?p=preview

做到这一点的优雅而简单的方法是什么？

 (function(angular) {
  'use strict';
     var myApp = angular.module('spicyApp1', []);

     myApp.controller('SpicyController', ['$scope', function($scope) {
     $scope.searchOneArr = [{
        name: 'FirstName1 LastName1',
        title: 'Title1',
        desc : 'Desc1'
     },{
       name: 'FirstName2 LastName2',
       title: 'Title2',
       desc : 'Desc2'
     }];

     $scope.searchTwoArr = [{
       title : 'google'
     },{
       title : 'yahoo'
     },{
       title : 'msn'
     },{
       title : 'facebook'
     }];
   }]);
  })(window.angular);

yangli1990

您目前执行的方式与建议的方式并不合适，即您不应将dom操作与控制器混合使用。但是假设这是您想要的方式，然后在您的控制器中添加

$element.bind('keydown', function(e){
  if (e.keyCode !== 13) return;
  var $item = $element.find('.active');
  var link = $item.attr('href');
  window.open(link, '_blank');
})

例如在这里检查

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。