如何将jQuery注入Angular 1.5组件

Question

我想知道如何将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');
};

堆栈：Angular 1.5，JavaScript，NPM和Webpack

Answer 1

除非您将jQuery包装为angular模块，否则不要使用Angular注入将其注入到控制器中。 为了在webpack的有角度组件中使用jQuery，只需在使用它的任何文件的顶部都要求它：

var $ = require('jquery');