javascript - using jQuery globally within Angular 2 application - Stack Overflow

admin管理员组

文章数量:1026989

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 mand is not working for me, I assumed it is ing 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
  ponents
    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/ponents/app.html'
})

export class App { }

bootstrap.ts

import {App}              from './ponents/app';

bootstrap(App);

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 mand is not working for me, I assumed it is ing 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
  ponents
    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/ponents/app.html'
})

export class App { }

bootstrap.ts

import {App}              from './ponents/app';

bootstrap(App);

• javascript
• jquery
• angular
• npm

Share Improve this question Follow edited Dec 14, 2017 at 15:36 Oleksii Pavlenko 1,33311 gold badge1212 silver badges2525 bronze badges asked Jan 13, 2016 at 9:22 IljaIlja 46.6k103103 gold badges289289 silver badges528528 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

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

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 mand is not working for me, I assumed it is ing 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
  ponents
    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/ponents/app.html'
})

export class App { }

bootstrap.ts

import {App}              from './ponents/app';

bootstrap(App);

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 mand is not working for me, I assumed it is ing 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
  ponents
    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/ponents/app.html'
})

export class App { }

bootstrap.ts

import {App}              from './ponents/app';

bootstrap(App);

• javascript
• jquery
• angular
• npm

Share Improve this question Follow edited Dec 14, 2017 at 15:36 Oleksii Pavlenko 1,33311 gold badge1212 silver badges2525 bronze badges asked Jan 13, 2016 at 9:22 IljaIlja 46.6k103103 gold badges289289 silver badges528528 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

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

本文标签： javascriptusing jQuery globally within Angular 2 applicationStack Overflow