title: How to include external javascript in angular template?
body: <p>I have a page called index.html with a form that relies on an external javascript:</p>
  
  <pre><code>&lt;script src="https://js.braintreegateway.com/v2/braintree.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  var clientToken = removed
  braintree.setup(
            // Replace this with a client token from your server
            clientToken,
            "dropin", {
              container: "payment-form",
              form: "checkout",
            });
  &lt;/script&gt;
  </code></pre>
  
  <p>Before integrating this page with angular, I tested to see that it works, but now that I have integrated this page as an angular state: $stateProvider</p>
  
  <pre><code> .state('billing', {
          url: '/billing',
          views: {
              'main': {
                  controller: 'BillingController as billingCtrl',
                  templateUrl: '/billing/index.html'
              }
          }
      });
  </code></pre>
  
  <p>I receive these errors when routing to said page:</p>
  
  <p><a href="https://i.stack.imgur.com/aPiX0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aPiX0.png" alt="enter image description here"></a></p>
  
  <p>I would like to avoid relying on 3rd party libraries like braintree-angular. It seems to me that angular template does not recognize  tags since they are used to bind the controllers to the html.</p>