title: How to set active class on ng-click?
body: <p>I have this:</p>
  
  <pre><code>&lt;div class="account-item"&gt;
      &lt;div class="account-heading" ng-class="active"&gt;
          &lt;h4 class="account-title"&gt;
              &lt;a href="#/Messages"  onclick="SetActiveAccountHeading(this);"&gt;
              7.    @Translate("SYSTEM_MESSAGES")&lt;/a&gt;
          &lt;/h4&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="account-item"&gt;
         &lt;div class="account-heading" ng-class="active"&gt;
             &lt;h4 class="account-title"&gt;
                &lt;a href="#/Info"  onclick="SetActiveAccountHeading(this);"&gt;
                7.    @Translate("SYSTEM_INFO")&lt;/a&gt;
             &lt;/h4&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>In angular i have this:</p>
  
  <pre><code>$scope.active = "active";
  </code></pre>
  
  <p>but how can i change this on click so if user click on menu once it would be active if again click it would be NOT active?</p>