如何将jQuery注入到Angular 1.5组件中

How to inject jQuery into an Angular 1.5 component

本文关键字:组件 Angular jQuery 注入      更新时间:2023-09-26

我想知道如何将jquery注入到组件中。例如

在我的webpack.conf文件中:
 new webpack.ProvidePlugin({
  $: "jquery",
  jQuery: "jquery",
  "window.jQuery": "jquery"
 })
在我的组件文件中:
module.exports = {
 templateUrl: 'app/example.html',
 controller: ['$', exampleController]
};
function exampleController(){
 console.log('exampleController');
};

Stack: Angular 1.5、JavaScript、NPM和Webpack

除非你把jQuery包装成一个angular模块,否则你不会用angular注入把它注入到控制器中。为了在webpack的angular组件中使用jQuery,只需在你使用它的任何文件的顶部要求它:

var $ = require('jquery');