angular.element('body').on('click', function () {        //  $('.dropdown-menu').hide();    console.log("clicked outside");        });$scope.showDropdown = function (e) {      $scope.filterClick = !$scope.filterClick;      e.stopPropagation();}<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.4/angular.min.js"></script><button id="btn-append-to-body" type="button" class="btn btn-primary"         ng-click="showDropdown()">    <img src="assets/images/filterIcon.png">    &nbsp&nbspFilter <span class="caret"></span></button>  <li class="nav-item dropdown" ng-hide="filterClick">      <div class="dropdown-menu">        <div class="dropdown-item" ng-repeat="item in items">          <div class="filter-class">          </div>        </div>      </div>  </li>我有按鈕點(diǎn)擊和正文點(diǎn)擊功能。但是，如果我在單擊正文時(shí)在控制臺中打印任何值，則它工作正常。但同樣的功能也適用于按鈕點(diǎn)擊。我的需要是，1）如果我單擊按鈕，主體 onclick 不應(yīng)觸發(fā)。只有按鈕 onclick 應(yīng)該工作。2）單擊按鈕，過濾器下拉菜單正在打開。當(dāng)我再次單擊同一個(gè)按鈕時(shí)，它正在關(guān)閉。（切換）3）但是當(dāng)我點(diǎn)擊外面的任何地方時(shí)，我想隱藏那個(gè)下拉菜單。但它不起作用。我如何使用 angularjs 做到這一點(diǎn)？