Comment utiliser Javascript externe dans TypeScript Angular

Utilisez plutôt declare et cela devrait fonctionner Que fait «déclarer» dans «exporter déclarer des actions de classe»?

Au lieu de le placer dans le dossier des ressources, vous devez l'utiliser comme dépendance node_modules

Pour un graphique à secteurs facile, exécutez ce npm i easy-pie-chart --save < / a> & pour jquery exécutez npm i jquery

Normalement, vous ne voulez pas utiliser jquery dans Angular, car cela implique généralement de modifier directement le DOM, ce qui est une mauvaise pratique, mais il y a le moyen de le faire: https://medium.com/all-is-web/angular-5-using-jquery- plugins-5edf4e642969

Si vous souhaitez tracer un graphique à secteurs ou d'autres types de graphiques, vous pouvez utiliser ng2-charts < / a> à la place, il vous permettra d'utiliser charts.js avec Angular et Typescript.

D'après la question ci-dessus, il semble que jquery.easypiechart.min.js est celui que vous devez utiliser dans votre application angulaire en tant que js externes .

1. Placez le js sous le dossier des ressources, dites /assets/js/jquery.easypiechart.min.js

2. Accédez au fichier angular.json de vos projets et sous le nœud de scripts du nœud d'architecte mis en entrée dans le tableau.

   "scripts": [ "./node_modules/jquery/dist/jquery.min.js",
   "./src/assets/js/jquery.easypiechart.min.js" ]

Vous pouvez maintenant faire référence aux js externes dans n'importe lequel de vos composants de projets

  declare var $: any;// referencing jQuery library
    @Component({
      selector: 'app-index',
      templateUrl: './index.component.html',
      styleUrls: ['./index.component.scss']
    })

    export class IndexComponent implements OnInit {
      constructor() {}
      ngOnInit() {
      $(document).ready(function () {
          //accessing easypiechart.min.js.
          $('.easypiechart').easyPieChart();
         });
      }
    }