非表示のdivで外にクリックしながらangularjs

Question

私はそれの外でクリックされたときの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を設定しようとしている私のdiv要素でありますそれは設定されていません。

Answer 1

これを試してください。

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

これも追加してください。それ以外の場合は、部門内をクリックするとdivが非表示になります。

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