title: onApprove and onDeny not triggered in modal - semantic ui
body: <p>When I show my modal, the onApprove event is called automatically. How can I stop this?
  My code is as below</p>
  
  <pre><code>&lt;div class="item"&gt;
      &lt;div class="content"&gt;
         &lt;a href="#" ng-click="showItemPanel()"&gt;Deactivate Account&lt;/a&gt;
         &lt;div id='showItemModal' class='ui modal'&gt;
         &lt;i class="close icon"&gt;&lt;/i&gt;
         &lt;div class="header"&gt;
           Deactivate User
         &lt;/div&gt;
         &lt;div class="content"&gt;
         &lt;form class="ui form" name="ItemModalForm"&gt;
            &lt;div class="field"&gt;
              You want to go to shopping?                 
            &lt;/div&gt;
         &lt;/form&gt;
         &lt;/div&gt;
         &lt;div class="actions"&gt;
          &lt;div class="ui tiny button"&gt;Cancel&lt;/div&gt;
          &lt;div class="ui tiny green button" ng-click="showItems()"&gt;De-Activate&lt;/div&gt;
          &lt;/div&gt;
         &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>controller.js</p>
  
  <pre><code>$scope.showItemPanel= function() {
              var modalElem= $('#showItemModal').modal('setting', {
              closable  : false,
              onDeny    : function(){
                window.alert('Wait not yet!');
                return false;
              },
              onApprove : itemPanelOpen()
              });
            modalElem.modal('show');           
          }
          function itemPanelOpen()
          {
              console.log(user.name + " can now shop!");
          }
  </code></pre>
  
  <p>For me, as soon as showItemPanel function is called, itemPanelOpen function is also getting call automatically. Please let me know where I went wrong.</p>