title: trouble calling/Loading .js classes and functions from simple Angular2 app written in .ts
body: <p>I have a simple angular application (<a href="https://angular.io/resources/live-examples/toh-6/ts/eplnkr.html" rel="nofollow noreferrer">https://angular.io/resources/live-examples/toh-6/ts/eplnkr.html</a>) and I am attempting to add graphical overlays using <em>hopscotch.js</em> (<a href="http://linkedin.github.io/hopscotch/" rel="nofollow noreferrer">http://linkedin.github.io/hopscotch/</a>). I got hopscotch to run successfully from my <em>index.html</em> by calling this script:</p>
  
  <pre><code>` //my_tour.js
    // Define the tour!
    var tour = {
      id: "hello-hopscotch",
      steps: [
        {
          title: "My Header",
          content: "This is the header of my page.",
          target: "title",
          placement: "bottom"
        }
      ]
    };
  
    // Start the tour!
    hopscotch.startTour(tour);`
  </code></pre>
  
  <p>but when trying to make it apart of my angular app I cannot/do not know how to correctly connect it with its dependencies(<em>hopscotch.js</em>, <em>hopscotch.css</em>). I am very new to angular2 and have spent most of today researching this but to no avail. Something as simple as a <em>.ts</em> file that is apart of my app and can make a call to <em>hopscotch.startTour(tour);</em> would be sufficient. Any help would be appreciated! Thanks.</p>