title: in angularjs how to access the element that triggered the event?
body: <p>I use both Bootstrap and AngularJS in my web app. I'm having some difficulty getting the two to work together.</p>
  
  <p>I have an element, which has the attribute <code>data-provide="typeahead"</code></p>
  
  <pre><code>&lt;input id="searchText" ng-model="searchText" type="text"
         class="input-medium search-query" placeholder="title"
         data-provide="typeahead" ng-change="updateTypeahead()" /&gt;
  </code></pre>
  
  <p>And I want to update the <code>data-source</code> attribute when the user inputs in the field. The function <code>updateTypeahead</code> is triggered correctly, but I don't have access to the element that triggered the event, unless I use <code>$('#searchText')</code>, which is the jQuery way, not the AngularJS way.</p>
  
  <p>What is the best way to get AngularJS to work with old style JS module.</p>