如何将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');
};

Stack：Angular 1.5，JavaScript，NPM和Webpack

Answer 1

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

var $ = require('jquery');