title: What is the 'this' object passed to an ng-click function call?
body: <p>Consider this plain old JavaScript (non-Angular) form of calling a function when an element is clicked:</p>
  
  <pre><code>&lt;span id="foo1" onclick="clicked(this)"&gt;...&lt;/span&gt;
  </code></pre>
  
  <p>So the <code>this</code> argument to <code>clicked()</code> is the <code>span</code> object (<code>foo1</code>) that is clicked.</p>
  
  <p>When this code is converted to AngularJS, we attempt to pass the same <code>this</code> object:</p>
  
  <pre><code>&lt;span id="foo2" ng-click="clicked(this)"&gt;...&lt;/span&gt;
  </code></pre>
  
  <p>Now, however, the argument passed to <code>clicked()</code> is an object, but it does not appear to have any relation to the <code>span</code> object.</p>
  
  <p>So my questions are:</p>
  
  <ol>
  <li><p>What is the value of <code>this</code> when passed to a function by <code>ng-click</code>?</p></li>
  <li><p>What is the easiest way to retrieve the clicked object within the function, or pass it into the function?</p></li>
  </ol>