在angularjs中点击外部时隐藏div

Question

当我在外面点击时，我试图隐藏div，下面是我的div

<div ng-show="item.showLimit" class="set-limit">
    <input type="text" ng-model="item.newConcLimit" />
    <div>
        <button type="button" ng-click="item.newConcLimit = 0;">No Limit</button>
        <button ng-disabled="!(item.newConcLimit >= 0)" type="button" ng-click="setConcLimit(item);">OK</button>
    </div>
</div>

控制器中的

我试图在窗口点击功能中设置item.showLimit = false，但它没有设置。

Answer 1

试一试。

$(window).click(function(e){
    $scope.item.showLimit = false;
});

确保您也添加此内容。否则，如果你在分区内部点击，div也会隐藏。

$('.set-limit').click(function(e){
    e.stopPropagation();
});