unbind ng-click dynamically from element : angularjs

Question

i have an element which have ng-click event and on clicking it adds a div that works fine. what i want is to remove ng-click after adding the div .

one way is to use ng-if

  <div ng-click="addDiv()" ng-if="!divAdded" >                   
                        <span>i add a div</span> 
               </div>

 <div class="disabled" ng-if="divAdded" >                   
                        <span>i add a div</span> 
               </div>

for this i have to add multiple div for single element that works on and off. is there any way to unbind click event like we do in jquery dynamically?

any help will be appreciated

Answer 1

You can also do this:

<div ng-click="divAdded || addDiv()" >                   
    <span>i add a div</span> 
</div>

This will prevent ng-click from calling addDiv() if divAdded is true