title: Angular External js library calling Document.Ready
body: <p>Using a 3rd party js library in my .net core asp angular app. The library applies it's logic in the $(document).ready method. So im having an issue where the libraries aren't applying correctly on a angular route change because the $(document).ready method doesn't fire.</p>
  
  <p>I've referenced the external js library in my angular-cli scripts section. </p>
  
  <p>I opened the 3rd party js file and added a method to it that calls the same logic that they are calling in the document ready. Im just struggling to find a way to call that method from my angular typescript component. </p>
  
  <p>I've created a simple cut down js file to test it out and simplify the problem. I have the following Tester.js which is referenced in my -angular-cli.json under the scripts tag:</p>
  
  <pre><code>(function ($) {
      "use strict";
  
      $(document).ready(function () {        
          CallMe();
      });
  
      function CallMe(){
           console.log('HEY I GOT CALLED');
      }
  
   })(jQuery);
  </code></pre>
  
  <p>Im wanting to be able to call the CallMe() method when from inside a ts component file. The CallMe() gets fired once as expected on the document.ready event but I need to work out how to call this ad hoc from within my ts scripts.</p>
  
  <p>Any ideas?</p>