title: AngularJS, how to change fontawesome icon on click? (ng-click)
body: <p>I'm trying to have a checkbox, so when you click on the default FontAwesome empty box (<code>fa-square-o</code>) it gets changed with this icon (<code>fa-check-square-o</code>).</p>
  
  <p>How can I do that with AngularJS? I need to put a function in the controller and call it from <code>ng-click</code>? What would be the correct function?</p>
  
  <p>I found what I need in Jquery but would love to just use angular for it:</p>
  
  <pre><code>$("#checkBoxOn").click(function(event) {
  $(this).find('i').toggleClass('fa-check-square-o');
  </code></pre>
  
  <p>If possible help me convert this in Angular!</p>