title: Wait for $scope to really apply changes in html
body: <p>I'm having a problem trying to detect when the <code>$scope</code> variable really affect the html.
  I need to access to the element after the $scope really apply the changes to the html, but the <code>$scope.$watch</code> is not doing the trick.  </p>
  
  <p>JS:</p>
  
  <pre><code>$scope.variable = "&lt;p id='myElement'&gt;Hello world!&lt;/p&gt;";
  console.log(jQuery('#myElement')[0]);
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div ng-bind-html="varible | trustAsHtml"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The problem is that, even if the <code>$scope</code> is applying the new content, the element still doesn't exist and jQuery returns <code>undefined</code>, so i need to wait untill the <code>$scope</code> really apply the changes to the html.</p>
  
  <p>I know that a solution could be the <code>$timeout</code> but it's not really reliable, there is something that could help me?</p>