Agregar etiquetas de script en la plantilla de componente Angular

No hay una forma Angular2 de agregar una etiqueta de script a una plantilla.

Usar require(...) para cargar scripts externos de la clase components se mencionó como una solución alternativa (no lo he probado yo mismo)

Para agregar dinámicamente una etiqueta de script use

constructor(private elementRef:ElementRef) {};

ngAfterViewInit() {
  var s = document.createElement("script");
  s.type = "text/javascript";
  s.src = "http://somedomain.com/somescript";
  this.elementRef.nativeElement.appendChild(s);
}

Ver también angular2: incluir scripts js de tercera parte en el componente

Actualmente No existe una forma Angular2 de agregar una etiqueta de script a una plantilla. pero puedes hacer algún truco en primer lugar importarás AfterViewInit y ElementRef desde angular2 así:

import {Component,AfterViewInit,ElementRef} from 'Angular2/core';

Entonces los implementarás en tu clase así :{[16]]}

export class example1 implements AfterViewInit{}

Y aquí hay un truco dom javascript muy simple que vas a hacer

 export class example1 implements AfterViewInit{
 ngAfterViewInit()
 {
  var s=document.createElement("script");
  s.type="text/javascript";
  s.innerHTML="console.log('done');"; //inline script
  s.src="path/test.js"; //external script
 }
}

Lo siguiente funciona con Angular 5.2.7:

Las importaciones requeridas son:

import { Inject, AfterViewInit, ElementRef } from '@angular/core';
import { DOCUMENT } from '@angular/common';

Implementar AfterViewInit:

export class HeroesComponent implements AfterViewInit {

Si su componente está implementando más de una interfaz, sepárela por coma; por ejemplo:

export class HeroesComponent implements OnInit, AfterViewInit {

Pase los siguientes argumentos al constructor:

constructor(@Inject(DOCUMENT) private document, private elementRef: ElementRef) { }

Añadir ngAfterViewInit método de ver ciclo de vida:

ngAfterViewInit() {
    const s = this.document.createElement('script');
    s.type = 'text/javascript';
    s.src = '//external.script.com/script.js';
    const __this = this; //to store the current instance to call 
                         //afterScriptAdded function on onload event of 
                         //script.
    s.onload = function () { __this.afterScriptAdded(); };
    this.elementRef.nativeElement.appendChild(s);
  }

Agregue la función miembro afterScriptAdded.

Esta función se llamará después de que el script externo sea cargado con éxito. Por lo tanto, las propiedades o funciones que desea utilizar desde js externo se accederá en el cuerpo de esta función.

 afterScriptAdded() {
    const params= {
      width: '350px',
      height: '420px',
    };
    if (typeof (window['functionFromExternalScript']) === 'function') {
      window['functionFromExternalScript'](params);
    }
  }