import { Component, OnInit } from '@angular/core';
import { DynamicScriptLoaderService } from '../../shared/service/DynamicScriptLoaderService';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  constructor(private dynamicScriptLoader: DynamicScriptLoaderService) { }

  ngOnInit() {
     this.loadScripts();
  }
  private loadScripts() {
    // You can load multiple scripts by just providing the key as argument into load method of the service
    this.dynamicScriptLoader.load('jquery', 'popper', 'bootstrap').then(data => {
      // Script Loaded Successfully
    }).catch(error => console.log(error));
  }
}