Angular 2
Bibliotheken van derden zoals jQuery gebruiken in Angular 2
Zoeken…
Invoering
Bij het bouwen van applicaties met Angular 2.x zijn er momenten dat het nodig is om externe bibliotheken te gebruiken zoals jQuery, Google Analytics, Chat Integration JavaScript API's en etc.
Configuratie met behulp van angular-cli
NPM
Als externe bibliotheek zoals jQuery is geïnstalleerd met NPM
npm install --save jquery
Voeg een scriptpad toe aan uw angular-cli.json
"scripts": [
"../node_modules/jquery/dist/jquery.js"
]
Activamap
U kunt het bibliotheekbestand ook opslaan in uw map assets/js en hetzelfde opnemen in angular-cli.json
"scripts": [
"assets/js/jquery.js"
]
Notitie
Sla uw hoofdbibliotheek jquery en hun afhankelijkheden, zoals jquery-cycle-plugin in het vermogen directory en voeg beiden in angular-cli.json , zorg ervoor dat de bestelling wordt gehandhaafd voor de afhankelijkheden.
JQuery gebruiken in hoekige 2.x-componenten
Om jquery in uw Angular 2.x-componenten te gebruiken, geeft u bovenaan een globale variabele aan
Als u $ voor jQuery
declare var $: any;
Als u jQuery voor jQuery
declare var jQuery: any
Hiermee kunt u $ of jQuery in uw Angular 2.x-component.