AngularJS Multiselect下拉隐藏不起作用

Question

我已经实现了指令来处理多选下拉列表。

我想在单击文档中的任何位置时忽略下拉列表，除了mulitselect按钮本身。这是代码：

xampp

JS：

<div class="row">
<label class="col-md-2 control-label">Search Fields:</label>
<div class="col-md-6">
    <button class="btn form-control" id="multiSelect" ng-click="toggleMultiSelect()">
            <span class="pull-left">-- Select a search field -- </span>
            <span class="pull-right">
                <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </span>
    </button>   
    <div class="dropdownOptions col-md-12" ng-show="isMultiSelectVisible">
        <div ng-repeat="cfg in fieldList | orderBy:'label'" class="dropdownOption">
            <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" 
                            ng-model="cB[cfg.name]"
                            ng-click="addFields(cfg)">
                    <span class="mL5">{{cfg.label}}</span>
            </div>
        </div>
    </div>                                          
</div>                  

这里的问题是我点击按钮或我在控制台“Buton Clicked”获得的文档中的任何位置。

因此两个事件都没有被解雇。