title: render <script> tag in angularjs
body: <p>I'm trying to add paypal's pay button to my angularjs app,</p>
  
  <pre><code>$scope.paypal ='&lt;script async="async" src="https://www.paypalobjects.com/js/external/paypal-button.min.js?merchant=DJOEURGOJ97S"'+ 
                'data-button="buynow"'+
                'data-name="socks"'+
                'data-quantity="1"'+ 
                'data-amount="{{dollarValue}}"'+
                'data-currency="USD"'+ 
                'data-shipping="0"'+
                'data-tax="0"'+
                'data-callback="https://gamerhoic.com/ipn/data.php"'+
            '&gt;&lt;/script&gt;';
  </code></pre>
  
  <p>It would be so awesome IF it was just that easy. </p>
  
  <p>I've tried a number of suggestions including adding ng-santize and $sce.trustAsHtml;</p>
  
  <pre><code>$sce.trustAsHtml('&lt;script&gt;&lt;/script&gt;');
  </code></pre>
  
  <p>I read through <a href="https://stackoverflow.com/questions/25129647/binding-data-in-angular-js-in-string-added-via-sce-trustashtml">Binding data in Angular js in string added via $sce.trustAsHtml</a> thoroughly but it's a bit more complex than what I'm doing </p>
  
  <p>using $sce.trustAtHtml nothing renders. If I add {{paypal}} I obviously get the $scope.paypal '' text displayed</p>
  
  <pre><code>     &lt;div bind-unsafe-html="paypal"&gt;{{paypal}}&lt;/div&gt;
  </code></pre>