title: Toggle css on ng-click
body: <p>This is the basic idea of my code:</p>
  
  <p>HTML (jade):</p>
  
  <pre><code>#preferencesBox(ng-click="toggleCustom()")
     .glyphicon.glyphicon-heart
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#preferencesBox.active{
     color: #d04f37;
  }
  </code></pre>
  
  <p>Angular:</p>
  
  <pre><code>$scope.check = true;
  $scope.toggleCustom = function() {
      $scope.check = $scope.check === false ? true: false;
  };
  </code></pre>
  
  <p>I want to add the css <code>color : #d04f37</code> when the user clicks the parent <code>#preferencesBox</code>. Adding/removing <code>.active</code> is the jQuery way. How should my <code>ng-class</code> or the rest code look like?</p>