title: Render HTML/CSS/JS in Angular
body: <p>I'm getting the following code as a response of hitting a post API. This code when pasted in HTML section of codepen works fine as shown in the screenshot but when I'm trying to integrate this in html file of angular, it is giving blank with only a loader loading. Does anybody have any idea as to how to integrate this in angular ? Any hint would suffice! I tried doing this by placing the entire code below in a string and rendering it through innerHtml but that doesn't help too.</p>
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;Payment Page · Razorpay&lt;/title&gt;
      &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, user-scalable=no&quot;&gt;
      &lt;meta charset=&quot;utf-8&quot;&gt;
      &lt;script&gt;
          var meta = {};
        var options = {&quot;name&quot;:&quot;XYZ Education&quot;,&quot;order_id&quot;:&quot;order_GZjwHCFWRWeIOx&quot;,&quot;amount&quot;:&quot;500000&quot;,&quot;currency&quot;:&quot;INR&quot;,&quot;callback_url&quot;:&quot;https:\/\/razorpay.com\/docs\/payment-gateway\/web-integration\/hosted\/checkout-options\/&quot;};
        var urls = {};
        options.key = &quot;&quot;;
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;style&gt;
          @keyframes lo {
              to {
                  transform: rotate(360deg)
              }
          }
  
          @-webkit-keyframes lo {
              to {
                  -webkit-transform: rotate(360deg)
              }
          }
  
          .loader {
              height: 24px;
              width: 24px;
              border-radius: 50%;
              display: inline-block;
              animation: lo .8s infinite linear;
              -webkit-animation: lo .8s infinite linear;
              transition: 0.3s;
              -webkit-transition: 0.3s;
              opacity: 0;
              border: 2px solid #3395FF;
              border-top-color: transparent
          }
  
          .vis {
              opacity: 1
          }
      &lt;/style&gt;
      &lt;div class=&quot;loader vis&quot; style=&quot;position:absolute;top:115px;left:50%;margin-left:-12px&quot;&gt;&lt;/div&gt;
  &lt;script src=&quot;https://cdn.razorpay.com/static/hosted/embedded-entry.js&quot;&gt;&lt;/script&gt;
  
  </code></pre>
  <p><a href="https://i.stack.imgur.com/8UcLv.png" rel="nofollow noreferrer">Page Screenshot</a></p>