I'm trying to figure out how to use jQuery globally within my angular 2 app, the only reasonable source I found so far is this stackoverflow answer However I can't seem to get it working. Is there a way to achieve this with npm
package management instead of tsd (this command is not working for me, I assumed it is coming from typescript, but seems like not).
After this, I think I need to reference jQuery within my app.ts file? (main file used by bootstrap.ts to boot the application)
Here is my project structure
app
components
app.ts
services
typings
bootstrap.ts
index.html
and few code examples I believe need to be used for jQuery implementation
app.ts
import {Component, View} from 'angular2/core';
@Component({
selector: 'app',
templateUrl: 'app/components/app.html'
})
export class App { }
bootstrap.ts
import {App} from './components/app';
bootstrap(App);
Install the jquery typings using:
npm install @types/jquery
Include the jQuery.js
file in your index.html
And.. that's it I guess :)
Good luck
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With