title: remove HTML element on click in Angular js
body: <p>This is my Directive. which display one Div on the body.</p>
  
  <pre><code>app.directive("autosuggest", function($rootScope) {
        return {
              scope: {
                doneFlag      : "=",
                groupFlag     : "=",
                inviteesFlag  : "=",
                init: '&amp;'
              },
              templateUrl : "title.html",
              link: function(scope, element, attrs) { 
                    }
  
  });
  </code></pre>
  
  <p>And in title.html</p>
  
  <pre><code>&lt;div class="showw"&gt;
     &lt;img id="hideDivOnClick" src="ddd.png"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And i include directive like this</p>
  
  <pre><code>&lt;div autosuggest="" done-Flag="1" group-Flag="1"  invitees-Flag="1" selected-Array="" &gt;&lt;/div&gt;
  </code></pre>
  
  <p>so when i click on image then this <code>&lt;div autosuggest="" done-Flag="1" group-Flag="1"  invitees-Flag="1" selected-Array="" &gt;&lt;/div&gt;</code> parts gets remove from body. like remove element in  Javascript. how i will achive this in angularJS?</p>