home.component.ts

import { Component, HostListener } from '@angular/core';

declare const TXTextControl: any;
declare const loadDocument: any;

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {
  
  // attach the txDocumentEditorLoaded event in the @HostListener decorator
  // https://angular.io/api/core/HostListener

  @HostListener('document:txDocumentEditorLoaded', ['$event'])
  onTxDocumentEditorLoaded() {
    
    // wait until TXTextControl has been loaded
    TXTextControl.addEventListener("textControlLoaded", function() {
      loadDocument("<strong>Hey! It compiles! Ship it!</strong>");
    });
  }
  
 }