单击其他弹出按钮时需要关闭下面的下拉列表

Question

            

当我点击另一个弹出按钮

时，我需要关闭下拉列表

Answer 1

你可以通过多种方式尝试：

通过在按钮中添加ng-click来改变show的值， 最简单一个angularJs本身：

 <button class="btn btn-primary dropdown-toggle" type="button" ng-click="show=0">

否则：

您可以在按钮中添加一些ID，以便轻松捕捉， e.g。

<button class="btn btn-primary dropdown-toggle" type="button" id="hideDropdown">

并且可以尝试使用给定的解决方案：

<强>的jQuery

$(document).on('click', function(evt) {
    if($(evt.target).is('#hideDropdown')) {
        // Hide code
        // e.g. show=0;
    } });

你可以试试 的的Javascript

document.getElementById('hideDropdown').onclick = function(e){
        // Hide code
        // e.g. show=0;
}

或 AngularJs 本身使用指令

YourApp.directive('testClick', function () {
    return {
        restrict: 'A',
        link: function (scope, element) {
            element.onclick = function() {
                //do some thing.
            }
        }
    }
})

*html code*

<button test-click>Test Click</button>   

您可能需要根据您的要求更改条件，因为它是一个粗略的代码。