title: How to Use External Javascript in TypeScript Angular
body: <hr>
  
  <p>I want to use jquery and easypiechart js file's functions in typescript.</p>
  
  <p>It doesn't work this way.</p>
  
  <p>How to define these script what i specified in code as typescript ?</p>
  
  <hr>
  
  <h2>index.component.ts</h2>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  import * as $ from "../../../../../assets/plugins/jquery/jquery.min.js";
  import { easyPieChart } from "../../../../../assets/plugins/easypiechart/jquery.easypiechart.min.js";
  
  // these above 2 js files are defined in angular.json script section
  
  @Component({
    selector: 'app-index',
    templateUrl: './index.component.html',
    styleUrls: ['./index.component.scss']
  })
  
  export class IndexComponent implements OnInit {
  
    constructor() {}
  
    ngOnInit() {
  
      //$(function(){
      //  $('.easypiechart').easyPieChart();
      //});
  
      // How to write this above script as typescript ?????????????????????
  
    }
  }
  </code></pre>