title: How to register existing elements with Angular?
body: <p>Fairly new to Angular and working inside of an existing code base.</p>
  
  <p>Basically, there's an element that exists within the root document (index.html) that already exists in the html before the Angular library loads. Because of this, the ng-click directive isn't registered.</p>
  
  <p>Is there an easy way that I can pass Angular a reference to the element in question and have it register that as one of its own?</p>
  
  <p>Sample code (obviously missing parts, just to illustrate Angular loads after):</p>
  
  <pre><code>&lt;html&gt;
  &lt;body ng-app="allMyCookiesApp"&gt;
      &lt;a ng-click="giveGeuisACookie()"&gt;GIMME&lt;/a&gt;
      &lt;script src="angular.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I'd like to get a cookie when I click GIMME. </p>