title: Run function after AngularJS binding takes place
body: <p>I have a simple app that uses Angular to run a HTTP GET request and then sets the returned data to an array that is bound to the DOM using <code>ng-repeat</code> and I want to run some code that manipulates this DOM after it is done being placed into the <code>body</code>. What is the best way to make this work?</p>
  
  <pre><code>            $http({
                  method: 'GET',
                  url: 'https://www.*******.com/WebApi/Alert/Items/all',
                  cache: false
              })
              .success(function (data, status) {
                  $scope.alerts = data.result.Alerts;
                  jQuery('.aWidget').iconalt(); // THIS IS THE CODE I WANT TO RUN
              })
              .error(function (data, status) {
                  console.log(data);
                  alert("error");
              });
  </code></pre>
  
  <p>See, I want to run the line <code>jQuery('.aWidget').iconalt()</code> after all the DOM is placed into the document. Right now, this line is executing too fast and so it "thinks" that there are no <code>.aWidget</code> elements in the DOM</p>
  
  <p>Is there some kind of callback that I can inject into AngularJS that gets called after the DOM is loaded?</p>