title: Modify DOM elements in Angular JS in Greasemonkey
body: <p>I am working on a small Greasemonkey script to speed up some processes in a vendor's tool that is written in angularJS.</p>
  
  <p>The issue I seem to be facing is that the element is not in the DOM when the script runs:</p>
  
  <pre><code>$(document).ready(function() {
    var pwEl = $("input:password").val(chance.word({length: 8});
  };
  </code></pre>
  
  <p>fails because the input field does not seem to be present when (document).ready() runs.  There have been a few resources that seem to confirm this.</p>
  
  <p>Is there a way that I can wait for Angular to finish before running my script?  I have found references to using:</p>
  
  <pre><code>angular.element(document).ready(function() {
    console.log("Hi from angular element ready");
  });
  </code></pre>
  
  <p>However, this never seems to execute either.</p>
  
  <p>I'm <em>really</em> new to Angular (I've only played around with a few short tutorials).  Any direction is appreciated.</p>
  
  <p>Thank you!</p>