bs-下拉菜单不会在ui- rightClick angularjs中的下一个网格上自动关闭

<button ng-click="toggleDropdown()">下拉菜单</button>

$scope.dropdownVisible = false;

$scope.toggleDropdown = function() {
  $scope.dropdownVisible = !$scope.dropdownVisible;
};

<div ng-show="dropdownVisible">
  <!-- 下拉菜单的内容 -->
</div>

angular.element(document).on('click', function(event) {
  var targetElement = event.target;
  var dropdownElement = document.querySelector('.dropdown');

  if (dropdownElement && !dropdownElement.contains(targetElement)) {
    $scope.$apply(function() {
      $scope.dropdownVisible = false;
    });
  }
});