uib-dropdown outsideClick在与is-open一起使用时不起作用

Question

我有这个模板：

 <div class="col-xs-1 " ng-click="isOpen=!isOpen">
            <div class="col-xs-12">
                <div class="dropdown"
                     uib-dropdown
                     auto-close="outsideClick"
                     is-open="isOpen">
                    <a href="#" class="dropdown-toggle" uib-dropdown-toggle>
                        <i class="glyphicon glyphicon-option-vertical"></i>
                    </a>
                    <ul class="dropdown-menu" uib-dropdown-menu="">
                        <li ng-repeat="service in account.services">
                            <a href="#">
                                        <span>
                                           {{service.name}}
                                        </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

当用户同时点击类drop-down的a标签或整个div (这里是一个矩形)时，我想打开drop-down，我试图通过使用ng-click="isOpen=!isOpen"点击它包含的div来手动打开dropdown，这种方法工作得很好，但还有另一个问题，当我点击任何外部元素时，dropdown不会关闭，我使用了auto-close=outsideClick，但它没有帮助。

你知道怎么让它工作吗？

Answer 1

问题是由事件传播引起的。uib-dropdown-toggle指令将更改is-open标志，单击外部div会将其更改回来。

请查找解决方案here