Iyzico checkout form - Angular

subscription-checkout.component.ts

import {Component, Inject, OnInit, Renderer2} from '@angular/core';
import {PaymentService} from "../../services/payment.service";
import {DOCUMENT} from '@angular/common';

@Component({
  selector: 'app-subscription-checkout',
  templateUrl: './subscription-checkout.component.html',
  styleUrls: ['./subscription-checkout.component.scss']
})
export class SubscriptionCheckoutComponent implements OnInit {

  constructor(
    private _service: PaymentService,
    private _renderer2: Renderer2,
    @Inject(DOCUMENT) private _document: Document) {
  }

  ngOnInit(): void {
    this._service.startSubscriptionForm().subscribe(
      (checkoutFormContent) => {

        let script = this._renderer2.createElement('script');
        script.type = `text/javascript`;
        script.text = checkoutFormContent.replace(/<\/?[^>]+(>|$)/g, ""); // Remove HTML tags

        this._renderer2.appendChild(this._document.body, script);
      },
      err => {
        console.log("err: " + JSON.stringify(err));
      }
    );
  }
}

// HTML: <div id="iyzipay-checkout-form" class="responsive"></div>