angular2: including thirdparty js scripts in component [duplicate]

by

Script tags in component templates are removed. A workaround is to create the script tag dynamically in ngAfterViewInit()

See also https://github.com/angular/angular/issues/4903

import { DOCUMENT } from '@angular/common';
...

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

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

See also https://stackoverflow.com/a/9413803/217408

More Related Contents:

  1. What is the meaning of the “at” (@) prefix on npm packages?
  2. How to get current value of RxJS Subject or Observable?
  3. How to set locale in DatePipe in Angular 2?
  4. Dynamic template URLs in Angular 2
  5. Angular Cli Webpack, How to add or bundle external js files?
  6. How to redirect to an external URL from angular2 route without using component?
  7. Angular2 Dynamic input field lose focus when input changes
  8. How to Consume Http Component efficiently in a service in angular 2 beta?
  9. Angular 2.1.0 create child component on the fly, dynamically
  10. Angular4 – No value accessor for form control
  11. Crbug/1173575, non-JS module files deprecated. chromewebdata/(index)꞉5305:9:5551
  12. What is ngDefaultControl in Angular?
  13. npm WARN … requires a peer of … but none is installed. You must install peer dependencies yourself
  14. Property ‘entries’ does not exist on type ‘ObjectConstructor’
  15. Use external javaScript library in angular application
  16. How to set Angular 4 background image?
  17. Rxjs toPromise() deprecated
  18. How to check for isBrowser in Angular 4
  19. How to achieve a debounce service on input keyup event in angular2 with rxjs
  20. Change route params without reloading in Angular 2
  21. What is the difference between Observable and a Subject in rxjs?
  22. What is the difference between BehaviorSubject and Observable?
  23. ChangeDetectionStrategy.OnPush and Observable.subscribe in Angular 2
  24. Angular 2 binding/events not working when adding template as innerHTML
  25. Subscribe to observable is returning undefined
  26. Get current url in Angular [duplicate]
  27. ng2-charts update labels and data
  28. How to disable Browser back button in Angular 2
  29. Filter Array in Array by date between 2 dates
  30. Protractor Angular 2 Failed: unknown error: angular is not defined

Leave a Comment