通过Javascript / AngularJS - 指令切换下拉按钮

时间:2014-06-23 15:00:39

标签: jquery angularjs twitter-bootstrap drop-down-menu

我在angular JS中有一个指令,它生成一个Bootstrap下拉按钮。 一切正常。

此外,我想通过按键盘上的键打开和关闭下拉列表。这也很好!但我只能通过按键盘键而不是鼠标来关闭下拉菜单。我无法使用箭头在下拉菜单中导航 - 您有任何想法吗?

PS:对不起我真正糟糕的英语......

app.directive('xnBtn', ['$http', function($http) {
    return {
        restrict: 'E',
        replace: true,
        transclude: true,
        scope: true,
        link : function (scope, e, a) {
            $(document).keydown(function(evt){
                if (evt.ctrlKey && evt.altKey && evt.keyCode == 78) { // N-Key
                    $('.dropdown-menu', e).toggle('toggle'); //.focus();
                    return false;
                }
            });
            scope._cn3j2_bcList     = {};
            $http({method: 'POST', url: '/system/xn', data: $.param(sURe)}).
                success(function(data) {
                    scope._cn3j2_bcList = data; // fills the list with an array
                });
        },
        templateUrl: '/assets/directives/tmp/xnbtn.html'
    }
}]);

0 个答案:

没有答案