Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

using jQuery globally within Angular 2 application

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);
like image 224
Ilja Avatar asked Jan 13 '16 09:01

Ilja


Video Answer


1 Answers

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

like image 80
Poul Kruijt Avatar answered Oct 31 '22 07:10

Poul Kruijt