Angular 2 - Add safeHtml with loading scripts from innerHTML

app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';

import { CheckScriptsPipe, SafeHtmlPipe } from "./pipe.safehtml.loadJsURL.ts"


@NgModule({
  declarations: [
    AppComponent,
    CheckScriptsPipe,
    SafeHtmlPipe,
  ],
  imports: [
  ],
  providers: [
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

pipe-safehtml-loadJsURL.ts

// In content.html use:
// <div [innerHTML]="post.content.rendered | checkScripts | safeHtml " class="entry-body"></div>

import { Pipe, PipeTransform } from "@angular/core";
import { DomSanitizer } from "@angular/platform-browser";


// use better logic for every content load
let loadJsURL = function(url:string) {

    let canJsLoad = function(url:string) {
        if (!url) return false;
        let scripts = document.getElementsByTagName('script');
        for (var i = scripts.length; i--;) {
            // *td
            // better with substring or pos, make work with //
            if (scripts[i].src == url) return false;
        }
        return true;
    }


    // Load js url
    let insertJsUrl = function(url:string) {
        var script = document.createElement('script');
        script.setAttribute('src', url);
        document.body.appendChild(script);
    }

    if ( canJsLoad(url) ) {
        insertJsUrl(url)
    }
}

@Pipe({name: 'safeHtml'})
export class SafeHtmlPipe implements PipeTransform {
    constructor(private sanitized: DomSanitizer) {
    }
    transform(value: string) {
        return this.sanitized.bypassSecurityTrustHtml(value);
    }
}
@Pipe({name: 'checkScripts'})
export class CheckScriptsPipe implements PipeTransform {
    constructor(private sanitized: DomSanitizer) {
    }
    transform(value: string) {
        let jsUrls = value.match(/(\/\/.+\..+\/.+\.js)/g);

        if (jsUrls && jsUrls.length){
            for ( let url of jsUrls){
                loadJsURL(url)
            }
        }
        
        return value;
    }
}

Here is one more way:

[].forEach.call(this.divEl.nativeElement.querySelectorAll('script'), script => {
      const s = document.createElement('script')
      if (script.innerText) s.innerText = script.innerText
      if (script.src) s.src = script.src
      document.body.appendChild(s)
})

not sure why, but cloneNode is not working