angularjs - 如何从函数内部关闭弹出框

Question

我正在使用 AngularJS 和 AngularStrap，并且我一直在尝试创建一个弹出框，该弹出框在按下按钮时调用一个函数，然后如果该函数成功执行它需要执行的操作，它会自动关闭弹出框。popover 继承了父作用域，我调用的函数在父作用域上，但 $hide 函数不在。我尝试通过参数传递它ng-click="vm.newAsUnitPriceRule(stagingItem, $hide)，但这不起作用，显然你不能传递 $hide 函数，当你进入函数时它只会导致未定义。

<div class="popover">
    <a ng-click="$hide()"><small class="pull-right">X</small></a>
    <div class="popover-content">
        <button class="btn small newAsUnitPriceRule" ng-click="vm.newAsUnitPriceRule(stagingItem)">Pack As Unit Price</button>
        <br>
        <button class="btn small newPackAsSizeRule" ng-click="vm.newPackAsSizeRule(stagingItem)">Pack As Size Rule</button>
        <br>
        <button class="btn small newRule" ng-click="vm.newRule(stagingItem)">Custom Rule</button>
    </div>
    <div class="arrow"></div>
</div>