title: Load multiple scripts in Component
body: <p>I am new to angular 6. I just start learning angular 6. While creating a project i am stuck into error.</p>
  
  <p>I am simply adding external scripts into my component and getting error</p>
  
  <p>Here is my code</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import * as $ from 'src/assets/js/jquery-3.2.1.min.js';
  import 'src/assets/js/countdowntime.js';
  
  @Component({
    selector: 'app-comingsoon',
    templateUrl: './comingsoon.component.html',
    styleUrls: ['./comingsoon.component.css']
  })
  
  export class ComingsoonComponent implements OnInit {
  
    constructor() { }
  
    ngOnInit() {
       console.log($) // here is am getting output
    } 
  
  }
  </code></pre>
  
  <p>Error:</p>
  
  <pre><code>Uncaught ReferenceError: jQuery is not defined at Object..
  /src/assets/js/countdowntime.js (countdowntime.js:92)
  </code></pre>